.ping-card {
	position: relative;

	margin: 0;
	padding: 22px 24px 18px;

	border: 0;
	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	scroll-margin-top: 78px;
}

.ping-card:first-child {
	border-top: 1px solid var(--mv-border);
}

.ping-card:hover {
	background: #fffaf7;
}

/* ==========================================================
   Dogecoin Tip Ping
   ========================================================== */

.ping-card-doge-tip {
	border-left: 3px solid #c9a633;

	background: #fffdf8;
}

.ping-card-doge-tip .ping-header {
	margin-bottom: 12px;
}

.ping-doge-tip-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	width: fit-content;
	margin: 0 0 12px;
	padding: 0 0 5px;

	border: 0;
	border-bottom: 1px solid #d9c77f;
	border-radius: 0;

	background: transparent;
	color: #725c1d;

	font-size: 11px;
	font-weight: 750;
	line-height: 1;
}

.ping-doge-tip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 24px;
	width: 24px;
	height: 24px;

	border-radius: 50%;

	background: #c9a633;
	color: #fff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
}

.ping-card-doge-tip .ping-content {
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;

	color: #3e3829;

	font-size: 15px;
	line-height: 1.6;
}

.ping-card-doge-tip .ping-content .mention {
	color: #8a6d18;
	font-weight: 750;
}

.ping-card-doge-tip .ping-actions {
	border-top-color: #eee7d5;
}

/* ==========================================================
   Header Ping
   ========================================================== */

.ping-header {
	display: flex;
	align-items: flex-start;

	margin-bottom: 13px;
}

.ping-avatar {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	margin-right: 12px;

	border-radius: 50%;

	background: #ece7e3;

	font-size: 20px;

	overflow: hidden;
}

.ping-avatar img {
	display: block;

	width: 100%;
	height: 100%;

	border-radius: 50%;

	object-fit: cover;
}

/* ==========================================================
   Autore Ping
   ========================================================== */

.ping-author {
	display: flex;
	flex-direction: column;

	min-width: 0;
	padding-top: 1px;
}

.ping-author-name {
	display: flex;
	align-items: center;
	gap: 6px;

	min-width: 0;
}

.ping-author-name .mv-user-presence {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	line-height: 1;
}

.ping-author-name .mv-user-presence i {
	color: currentColor !important;
	font-size: 8px;
}

.ping-author-name .mv-user-presence.is-online,
.ping-author-name .mv-user-presence.is-online i {
	color: #1f9d63 !important;
}

.ping-author-name .mv-user-presence.is-away,
.ping-author-name .mv-user-presence.is-away i {
	color: #d99113 !important;
}

.ping-author-name .mv-user-presence.is-offline,
.ping-author-name .mv-user-presence.is-offline i {
	color: #9aa4af !important;
}

.ping-author-name .ping-username {
	min-width: 0;
}

.ping-username {
	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;
	line-height: 1.2;

	text-decoration: none;
}

a.ping-username:hover {
	color: var(--mv-primary);
}

/* ==========================================================
   Autore senza profilo pubblico
   ========================================================== */

.ping-username-static {
	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;

	text-decoration: none;

	cursor: default;
}

.ping-avatar-static {
	cursor: default;
}

.ping-avatar-static i {
	color: var(--mv-muted);
	font-size: 18px;
}

.ping-author-status {
	display: flex;
	align-items: center;
	gap: 5px;

	min-width: 0;

	margin: 3px 0 1px;

	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 400;
	line-height: 1.3;
}

.ping-author-status i {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 10px;

	opacity: .85;
}

.ping-author-status span {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ==========================================================
   Autore con account non più esistente
   ========================================================== */

.ping-username-missing {
	color: #8a4a4a;
	font-weight: 700;
}

.ping-username-missing + .ping-author-status {
	color: #936b6b;
}

.ping-date {
	display: inline-block;

	margin-top: 2px;

	color: var(--mv-muted);

	font-size: 11px;
	line-height: 1.2;

	text-decoration: none;
}

.ping-date:hover {
	color: var(--mv-primary);
	text-decoration: none;
}

/* ==========================================================
   Chanzine
   ========================================================== */

.ping-avatar-chanzine {
	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--mv-primary);
	color: #fff;

	text-decoration: none;
}

.ping-avatar-chanzine i {
	font-size: 17px;
}

.ping-username-chanzine {
	color: var(--mv-primary);
	font-weight: 750;
}

.chanzine-discussion {
	margin-top: 32px;
	padding-top: 24px;

	border-top: 1px solid var(--mv-border);
}

.chanzine-discussion .button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* ==========================================================
   Contenuto Ping
   ========================================================== */

.ping-content {
	color: var(--mv-text);

	font-size: 15px;
	line-height: 1.65;

	word-break: break-word;
}

.ping-content p:first-child {
	margin-top: 0;
}

.ping-content p:last-child {
	margin-bottom: 0;
}

.ping-content a {
	display: inline-block;

	max-width: 100%;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	vertical-align: bottom;
}

/* ==========================================================
   Editor inline Ping / Pong
   ========================================================== */

.ping-editor,
.pong-editor {
	margin-top: 6px;
}

.ping-editor form,
.pong-editor form {
	margin: 0;
}

.ping-editor textarea,
.pong-editor textarea {
	display: block;

	width: 100%;
	min-height: 110px;
	margin: 0;
	padding: 12px 13px;

	resize: vertical;

	border: 1px solid var(--mv-border);
	border-radius: 0;
	outline: 0;

	background: #fff;
	color: var(--mv-text);

	font: inherit;
	font-size: 15px;
	line-height: 1.6;

	box-sizing: border-box;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-editor textarea:focus,
.pong-editor textarea:focus {
	border-color: #c5bbb5;
	background: #fffdfb;

	box-shadow: none;
}

.ping-editor-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;

	margin-top: 10px;
	padding-top: 9px;

	border-top: 1px solid var(--mv-border);
}

.ping-editor-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: auto;
	min-width: 0;
	margin: 0;
	padding: 5px 2px 4px;

	border: 0;
	border-bottom: 2px solid var(--mv-border);
	border-radius: 0;

	background: transparent;
	box-shadow: none;

	color: var(--mv-muted);

	font: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;

	cursor: pointer;

	transition:
		color .15s ease,
		border-color .15s ease;
}

.ping-editor-actions .btn:hover {
	border-color: var(--mv-primary);

	background: transparent;

	color: var(--mv-primary);
}

.ping-editor-actions .ping-edit-cancel {
	border-color: var(--mv-border);

	background: transparent;

	color: var(--mv-muted);
}

.ping-editor-actions .ping-edit-cancel:hover {
	border-color: #a84b4b;

	background: transparent;

	color: #a84b4b;
}

.ping-edit-timer {
	display: inline-flex;
	align-items: center;

	margin-right: auto;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 600;
	line-height: 1;

	white-space: nowrap;
}

.ping-edit-timer.warning {
	color: #9a702c;
	font-weight: 700;
}

.ping-edit-timer.danger {
	color: #a84b4b;
	font-weight: 750;
}

/* ==========================================================
   Composer
   ========================================================== */

.ping-composer {
	margin-bottom: 24px;
	padding: 18px 20px 15px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-composer:focus-within {
	border-color: #c5bbb5;

	background: #fffaf7;

	box-shadow: none;
}

.ping-composer-header {
	display: flex;
	align-items: flex-start;
	gap: 13px;
}

.ping-composer .ping-avatar {
	flex-basis: 46px;
	margin-right: 0;
}

.ping-composer-body {
	flex: 1;

	min-width: 0;
}

.ping-composer-textarea {
	display: block;

	width: 100%;
	min-height: 110px;
	margin: 0;
	padding: 1px 0 0;

	resize: none;
	overflow: hidden;

	border: 0;
	outline: 0;

	background: transparent;
	color: var(--mv-text);

	font: inherit;
	font-size: 15px;
	line-height: 1.65;
}

.ping-composer-textarea::placeholder {
	color: #9a918b;
}

.ping-composer-footer {
	display: flex;
	justify-content: flex-end;

	margin-top: 7px;
}

.ping-character-counter {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 600;
	line-height: 1;

	user-select: none;
}

.ping-composer-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;

	margin-top: 12px;
	padding-top: 10px;

	border-top: 1px solid var(--mv-border);
}

.ping-composer-tools {
	display: flex;
	align-items: center;
	gap: 4px;
}

.ping-composer-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	width: auto !important;
	min-width: 0;
	height: auto;

	margin: 0;
	padding: 5px 2px 4px;

	border: 0;
	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;

	background: transparent !important;
	box-shadow: none;

	color: var(--mv-text) !important;

	font: inherit;
	font-size: 11px;
	font-weight: 750;
	line-height: 1;

	opacity: 1 !important;
	visibility: visible !important;

	cursor: pointer;

	transition:
		color .15s ease,
		border-color .15s ease;
}

.ping-composer-submit:hover {
	border-color: var(--mv-primary);

	background: transparent !important;

	color: var(--mv-primary) !important;

	filter: none;
}

/* ==========================================================
   Feed tabs
   ========================================================== */


.ping-feed-tabs {
	display: flex;
	align-items: stretch;

	width: 100%;
	margin: 0 0 28px;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
}

.ping-feed-tabs::-webkit-scrollbar {
	display: none;
}

.ping-feed-tab {
	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	flex: 1 1 0;

	min-width: 0;
	padding: 13px 16px 12px;

	border: 0;
	border-radius: 0;

	background: transparent;

	color: #4f565d;
	font-weight: 650;

	font-size: 13px;
	line-height: 1;

	text-decoration: none;
	white-space: nowrap;

	transition:
		color .15s ease,
		background-color .15s ease;
}

.ping-feed-tab:hover {
	background: rgba(0, 0, 0, .025);

	color: #111820;
	text-decoration: none;
}

.ping-feed-tab::after {
	content: "";

	position: absolute;
	right: 14px;
	bottom: -1px;
	left: 14px;

	height: 3px;

	border-radius: 999px 999px 0 0;

	background: transparent;

	transform: scaleX(.45);
	transform-origin: center;

	transition:
		background-color .15s ease,
		transform .15s ease;
}

.ping-feed-tab i {
	flex: 0 0 auto;

	color: #697178;
	font-size: 12px;

	transition: color .15s ease;
}

.ping-feed-tab.is-active {
	background: transparent;

	color: #111820;
	font-weight: 800;
}

.ping-feed-tab.is-active::after {
	background: var(--mv-primary);

	transform: scaleX(1);
}

.ping-feed-tab.is-active i {
	color: var(--mv-primary);
}


/* Mobile */

@media (max-width: 640px) {

	.ping-feed-tabs {
		width: 100%;
		margin-bottom: 16px;
	}

	.ping-feed-tab {
		gap: 0;

		min-width: 0;
		padding:
			11px
			3px
			10px;

		font-size: 10px;
		font-weight: 700;
		line-height: 1;

		white-space: nowrap;
	}

	.ping-feed-tab i {
		display: none;
	}

	.ping-feed-tab::after {
		right: 4px;
		left: 4px;

		height: 3px;
	}

}

.ping-media-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;

	margin-top: 12px;
}

/* ==========================================================
   Audio metadata
   ========================================================== */

.ping-audio-metadata {
	margin-top: 14px;
	padding: 12px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;
}

.ping-audio-metadata-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 12px;
}

.ping-audio-metadata-header strong {
	color: var(--mv-text);

	font-size: 13px;
	font-weight: 750;
	line-height: 1.2;
}

.ping-audio-metadata-header span {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-audio-metadata-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.ping-audio-metadata-field {
	display: grid;
	gap: 6px;

	min-width: 0;
}

.ping-audio-metadata-field > span {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 750;
	letter-spacing: .02em;
	line-height: 1.2;
}

.ping-audio-metadata-field input,
.ping-audio-metadata-field textarea {
	width: 100%;
	min-width: 0;

	padding: 8px 9px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fff;

	color: var(--mv-text);

	font: inherit;
	font-size: 12px;
	line-height: 1.45;

	box-sizing: border-box;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-audio-metadata-field input::placeholder,
.ping-audio-metadata-field textarea::placeholder {
	color: #9a918b;
}

.ping-audio-metadata-field input:focus,
.ping-audio-metadata-field textarea:focus {
	outline: 0;

	border-color: #c5bbb5;

	background: #fffdfb;

	box-shadow: none;
}

.ping-audio-metadata-field textarea {
	min-height: 120px;

	resize: vertical;
}

.ping-audio-metadata-tracklist {
	grid-column: 1 / -1;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-audio-metadata {
		padding: 11px;
	}

	.ping-audio-metadata-fields {
		grid-template-columns: 1fr;
	}

	.ping-audio-metadata-tracklist {
		grid-column: auto;
	}

}

/* ==========================================================
   Upload progress
   ========================================================== */

.ping-upload-progress {
	margin-top: 14px;
	padding: 11px 12px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;
}

.ping-upload-progress-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 9px;
}

.ping-upload-progress-header span {
	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 650;
	line-height: 1.2;
}

.ping-upload-progress-header strong {
	flex: 0 0 auto;

	color: var(--mv-primary);

	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

/* Barra */

.ping-upload-progress-track {
	position: relative;

	width: 100%;
	height: 4px;

	overflow: hidden;

	border-radius: 0;

	background: var(--mv-border);
}

.ping-upload-progress-bar {
	width: 0%;
	height: 100%;

	border-radius: 0;

	background: var(--mv-primary);

	transition: width .18s ease;
}

/* Dettagli */

.ping-upload-progress-details {
	display: flex;
	align-items: center;
	justify-content: flex-end;

	margin-top: 7px;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
}

/* Elaborazione */

.ping-upload-progress.is-processing
.ping-upload-progress-bar {
	width: 100% !important;

	background: var(--mv-primary);

	animation:
		ping-upload-processing
		1.1s ease-in-out infinite alternate;
}

@keyframes ping-upload-processing {
	from {
		opacity: .35;
	}

	to {
		opacity: 1;
	}
}

/* Mobile */

@media (max-width: 640px) {

	.ping-upload-progress {
		padding: 10px 11px;
	}

	.ping-upload-progress-header {
		gap: 8px;
	}

}

.ping-media-preview-item {
	position: relative;

	width: 100px;
	height: 100px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;

	overflow: hidden;
}

.ping-media-preview-item img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.ping-media-preview-item-file {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	padding: 8px;

	color: var(--mv-text);

	text-align: center;
}

.ping-media-preview-icon {
	margin-bottom: 6px;

	color: var(--mv-muted);

	font-size: 26px;
	line-height: 1;
}

.ping-media-preview-name {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 600;
	line-height: 1.3;

	word-break: break-word;
}

.ping-media-preview-remove {
	position: absolute;
	top: 5px;
	right: 5px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 22px;
	height: 22px;

	border: 1px solid rgba(255, 255, 255, .55);
	border-radius: 50%;

	background: rgba(37, 35, 35, .72);
	color: #fff;

	font-size: 16px;
	line-height: 1;

	cursor: pointer;

	opacity: 0;

	transition:
		opacity .15s ease,
		background-color .15s ease;
}

.ping-media-preview-item:hover
.ping-media-preview-remove {
	opacity: 1;
}

.ping-media-preview-remove:hover {
	background: #a84b4b;
}

.ping-composer-attachments-toggle,
.ping-code-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
	color: var(--mv-muted);

	font: inherit;
	font-size: 13px;
	line-height: 1;

	cursor: pointer;

	transition:
		color .15s ease,
		background-color .15s ease;
}

.ping-composer-attachments-toggle i,
.ping-code-toggle i {
	font-size: 13px;
}

.ping-composer-attachments-toggle:hover,
.ping-code-toggle:hover {
	background: #fffaf7;
	color: var(--mv-text);
}

.ping-composer-attachments-toggle[aria-expanded="true"],
.ping-code-toggle[aria-expanded="true"] {
	background: transparent;
	color: var(--mv-primary);
}

/* ==========================================================
   Composer code
   ========================================================== */

.ping-code-composer {
	margin-top: 12px;
	padding: 12px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;
}

.ping-code-composer[hidden] {
	display: none;
}

.ping-code-composer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 10px;
}

.ping-code-composer-header label {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 750;
	line-height: 1.2;
}

.ping-code-language {
	width: auto;
	max-width: 180px;
	margin: 0;
	padding: 6px 26px 6px 8px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fff;
	color: var(--mv-text);

	font: inherit;
	font-size: 10px;
	font-weight: 650;

	cursor: pointer;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-code-language:focus {
	outline: 0;

	border-color: #c5bbb5;
	background: #fffdfb;

	box-shadow: none;
}

.ping-code-textarea {
	display: block;

	width: 100%;
	min-height: 220px;
	margin: 0;
	padding: 12px 13px;

	resize: vertical;

	border: 1px solid var(--mv-border);
	border-radius: 0;
	outline: 0;

	background: #fff;
	color: #292725;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 12px;
	line-height: 1.6;

	tab-size: 4;
	box-sizing: border-box;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-code-textarea:focus {
	border-color: #c5bbb5;
	background: #fffdfb;

	box-shadow: none;
}

.ping-code-textarea::placeholder {
	color: #9a918b;
}

.ping-code-counter {
	margin-top: 7px;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	text-align: right;

	user-select: none;
}

/* ==========================================================
   Content code block
   ========================================================== */

.content-code-block {
	margin-top: 14px;

	overflow: hidden;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fff;
}

.content-code-header {
	display: flex;
	align-items: center;

	min-height: 30px;
	padding: 0 10px;

	border-bottom: 1px solid var(--mv-border);
	background: #f3efeb;
}

.content-code-language {
	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.content-code-pre {
	width: 100%;
	max-height: 480px;

	margin: 0;
	padding: 14px 15px;

	overflow: auto;

	background: #fff;
	color: #292725;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 12px;
	line-height: 1.6;

	tab-size: 4;
	box-sizing: border-box;
}

.content-code-pre code {
	display: block;

	min-width: max-content;
	margin: 0;
	padding: 0;

	border: 0;
	background: transparent;

	color: inherit;
	font: inherit;

	white-space: pre;
}

.ping-composer-media {
	position: relative;

	margin-top: 12px;
	padding: 13px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-composer-media.dragover {
	border-color: var(--mv-primary);
	background: #fff6f3;
}

.ping-composer-media-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-bottom: 11px;
}

.ping-composer-media-header strong {
	color: var(--mv-text);

	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
}

.ping-composer-media-info {
	display: grid;
	gap: 8px;

	margin: 0 0 12px;
}

.ping-composer-media-allowed {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 500;
	line-height: 1.45;
}

.ping-composer-media-error {
	padding: 8px 10px;

	border: 1px solid #e4caca;
	border-radius: 0;

	background: #faeeee;
	color: #8d3f3f;

	font-size: 11px;
	font-weight: 650;
	line-height: 1.4;
}

.ping-composer-media-error[hidden] {
	display: none;
}

.ping-composer-media-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
	color: var(--mv-muted);

	font-size: 18px;
	line-height: 1;

	cursor: pointer;

	transition:
		color .15s ease,
		background-color .15s ease;
}

.ping-composer-media-close:hover {
	background: #f3efeb;
	color: var(--mv-text);
}

/* ==========================================================
   Composer dropzone
   ========================================================== */

.ping-composer-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 150px;
	padding: 24px;

	border: 1px dashed var(--mv-border);
	border-radius: 0;

	background: #fff;

	cursor: pointer;
	text-align: center;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-composer-dropzone:hover {
	border-color: #c5bbb5;
	background: #fffaf7;
}

.ping-composer-dropzone input {
	display: none;
}

.ping-composer-dropzone-icon {
	margin-bottom: 10px;

	color: var(--mv-muted);

	font-size: 26px;
	line-height: 1;
}

.ping-composer-dropzone-title {
	margin-bottom: 4px;

	color: var(--mv-text);

	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.ping-composer-dropzone-help {
	color: var(--mv-muted);

	font-size: 11px;
	line-height: 1.45;
}

/* ==========================================================
   Alert / Flash messages
   ========================================================== */

.alert {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	margin: 0 0 18px;
	padding: 11px 13px;

	border: 1px solid var(--mv-border);
	border-left-width: 3px;
	border-radius: 0;

	background: #fffaf7;
	color: var(--mv-text);

	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
}

.alert::before {
	flex: 0 0 auto;

	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	line-height: 1.5;
}

.alert-success {
	border-left-color: #4f7b5d;

	background: #f3f7f3;
	color: #35583f;
}

.alert-success::before {
	content: "\f058";

	color: #4f7b5d;
}

.alert-warning {
	border-left-color: #b3873e;

	background: #fbf6ea;
	color: #765c2c;
}

.alert-warning::before {
	content: "\f071";

	color: #9a702c;
}

.alert-danger {
	border-left-color: #a84b4b;

	background: #faeeee;
	color: #8d3f3f;
}

.alert-danger::before {
	content: "\f071";

	color: #a84b4b;
}


/* ==========================================================
   Azioni Ping
   ========================================================== */

.ping-actions {
	display: flex;
	align-items: center;
	gap: 10px;

	margin-top: 16px;
	padding-top: 11px;

	border-top: 1px solid var(--mv-border);

	text-decoration: none;
}

.ping-action {
	display: inline-flex;
	align-items: center;
	gap: 5px;

	flex: 0 0 auto;

	width: auto;
	min-width: 0;
	margin: 0;
	padding: 4px 2px;

	border: 0;
	border-radius: 0;

	background: transparent;
	box-shadow: none;

	color: var(--mv-muted);

	font-size: 12px;
	font-weight: 600;
	line-height: 1;

	text-decoration: none;

	cursor: pointer;

	transition: color .15s ease;
}

.ping-action i {
	font-size: 13px;
}

.ping-action:hover {
	background: transparent;
	color: var(--mv-primary);
}

/* Dogecoin tip action */

.ping-doge-tip-action {
	appearance: none;
	font: inherit;
}

.ping-doge-tip-action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 18px;
	width: 18px;
	height: 18px;

	border-radius: 50%;

	background: #c9a633;
	color: #fff;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.ping-doge-tip-action:hover {
	background: transparent;
	color: #7b6322;
}

.ping-doge-tip-action:hover
.ping-doge-tip-action-icon {
	background: #b79327;
}

/* ==========================================================
   Menu altre azioni Ping
   ========================================================== */

.ping-more-menu {
	position: relative;

	flex: 0 0 auto;

	margin: 0;
	padding: 0;
}

.ping-more-menu[open] {
	z-index: 30;
}

.ping-more-toggle {
	justify-content: center;

	width: 28px;
	height: 28px;
	padding: 0;

	list-style: none;
}

.ping-more-toggle::-webkit-details-marker {
	display: none;
}

.ping-more-toggle::marker {
	display: none;
	content: "";
}

.ping-more-menu[open] .ping-more-toggle {
	background: transparent;
	color: var(--mv-primary);
}

.ping-more-dropdown {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	z-index: 40;

	width: 220px;
	padding: 4px 0;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	box-shadow:
		0 8px 24px rgba(37, 35, 35, .10);
}

.ping-more-form {
	display: block;

	margin: 0;
}

.ping-more-action {
	display: flex;
	align-items: center;
	gap: 10px;

	width: 100%;
	min-height: 36px;
	margin: 0;
	padding: 8px 11px;

	border: 0;
	border-radius: 0;

	background: transparent;
	box-shadow: none;

	color: var(--mv-text);

	font: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	text-align: left;

	cursor: pointer;
}

.ping-more-action:hover,
.ping-more-action:focus-visible {
	background: #fffaf7;
	color: var(--mv-primary);

	outline: 0;
}

.ping-more-action i {
	flex: 0 0 18px;

	width: 18px;

	color: var(--mv-muted);

	font-size: 13px;
	text-align: center;
}

.ping-more-action:hover i,
.ping-more-action:focus-visible i {
	color: currentColor;
}

.ping-more-action.is-active,
.ping-more-action.is-active i {
	color: var(--mv-primary);
}

.ping-more-danger,
.ping-more-danger i {
	color: #a84b4b;
}

.ping-more-danger:hover,
.ping-more-danger:focus-visible {
	background: #faeeee;
	color: #8d3f3f;
}

.ping-more-separator {
	height: 1px;
	margin: 4px 0;

	background: var(--mv-border);
}

.ping-more-timer {
	display: block;

	margin: -2px 11px 6px 39px;

	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.35;

	white-space: normal;
}

/* Salvati */

.ping-save-form {
	display: contents;

	margin: 0;
}

.ping-save-button {
	appearance: none;
}

.ping-save-button i {
	font-size: 13px;
}

.ping-save-button.active {
	background: transparent;
	color: var(--mv-primary);
}

.ping-save-button.active:hover {
	background: transparent;
	color: var(--mv-primary);
}

/* Voti */

.ping-votes {
	display: inline-flex;
	align-items: center;

	flex: 0 0 auto;

	margin-left: auto;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
}

.ping-votes form {
	display: contents;

	margin: 0;
}

.ping-vote {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 28px;

	width: 28px;
	min-width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
	box-shadow: none;

	color: var(--mv-muted);

	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;

	cursor: pointer;

	transition: color .15s ease;
}

.ping-vote:hover {
	background: transparent;
}

.ping-vote-up:hover {
	color: #38724b;
}

.ping-vote-down:hover {
	color: #a84b4b;
}

/* Stato voto selezionato */

.ping-vote.active {
	background: transparent;
	color: var(--mv-primary);
}

.ping-vote.active:hover {
	background: transparent;
	color: var(--mv-primary);
}

.ping-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 28px;
	height: 28px;
	padding: 0 4px;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
}

.ping-content .mention,
.pong-content .mention {
	color: var(--mv-primary);
	font-weight: 600;
	text-decoration: none;
}

.ping-content .mention:hover,
.pong-content .mention:hover {
	text-decoration: underline;
}


/* Link Preview */

.ping-link-preview {
	display: grid;
	grid-template-columns: 168px minmax(0, 1fr);

	margin-top: 14px;

	overflow: hidden;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	color: inherit;
	text-decoration: none;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-link-preview:hover {
	background: #fffaf7;
	border-color: #cfc6c0;

	text-decoration: none;
}

.ping-link-image-wrapper {
	position: relative;

	display: block;

	width: 168px;
	min-height: 124px;

	overflow: hidden;

	border-right: 1px solid var(--mv-border);

	background: #eee8e4;
}

.ping-link-image {
	display: block;

	width: 100%;
	height: 100%;
	min-height: 124px;

	object-fit: cover;
}

.ping-link-preview:hover .ping-link-image {
	transform: none;
}

.ping-link-play {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(0, 0, 0, .16);

	color: #fff;

	font-size: 32px;

	text-shadow:
		0 1px 4px rgba(0, 0, 0, .45);

	transition: background-color .15s ease;
}

.ping-link-preview:hover .ping-link-play {
	background: rgba(0, 0, 0, .24);
}

.ping-link-body {
	display: flex;
	flex-direction: column;
	justify-content: center;

	min-width: 0;

	padding: 14px 16px;
}

.ping-link-site {
	display: flex;
	align-items: center;
	gap: 6px;

	margin-bottom: 6px;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;

	letter-spacing: .025em;
	text-transform: uppercase;
}

.ping-link-favicon {
	display: block;

	flex: 0 0 14px;

	width: 14px;
	height: 14px;

	border-radius: 2px;

	object-fit: contain;
}

.ping-link-title {
	margin: 0 0 5px;

	overflow: hidden;

	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;
	line-height: 1.35;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.ping-link-description {
	display: -webkit-box;

	margin: 0;

	overflow: hidden;

	color: var(--mv-muted);

	font-size: 12px;
	line-height: 1.5;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* ==========================================================
   GitHub Technical Preview
   ========================================================== */

.ping-github-preview {
	margin-top: 14px;

	overflow: hidden;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	color: var(--mv-text);
}

/* Header GitHub */

.ping-github-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 9px 11px;

	border-bottom: 1px solid var(--mv-border);

	background: #f3efeb;

	color: var(--mv-text);
	text-decoration: none;

	transition:
		background-color .15s ease,
		color .15s ease;
}

.ping-github-header:hover {
	background: #eee7e2;
	color: var(--mv-primary);

	text-decoration: none;
}

.ping-github-provider {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;

	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

.ping-github-provider .fa-github {
	flex: 0 0 auto;

	color: #34312f;

	font-size: 16px;
}

.ping-github-provider span {
	color: var(--mv-muted);
}

.ping-github-provider strong {
	display: inline-flex;
	align-items: center;

	padding: 0;

	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 10px;
	font-weight: 750;
	letter-spacing: .03em;
	line-height: 1;

	text-transform: uppercase;
}

.ping-github-header > .fa-arrow-up-right-from-square {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 10px;

	opacity: .8;
}

/* Repository */

.ping-github-repository {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
	padding: 10px 12px;

	border-bottom: 1px solid var(--mv-border);

	background: #fffaf7;

	font-size: 12px;
	line-height: 1.3;
}

.ping-github-repository > i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 11px;
}

.ping-github-repository strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);
	font-weight: 700;
}

.ping-github-repository span {
	min-width: 0;
	margin-left: auto;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
}

/* File */

.ping-github-file {
	min-width: 0;
}

.ping-github-file-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);

	background: #f3efeb;
}

.ping-github-file-path {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;

	color: var(--mv-text);

	font-size: 11px;
	font-weight: 650;
}

.ping-github-file-path i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 11px;
}

.ping-github-file-path span {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ping-github-lines {
	flex: 0 0 auto;

	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 9px;
	line-height: 1.2;
}

/* Code viewer */

.ping-github-code {
	width: 100%;
	max-height: 480px;

	overflow: auto;

	background: #fff;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	line-height: 1.6;

	tab-size: 4;
}

.ping-github-code-line {
	display: grid;
	grid-template-columns: 46px minmax(max-content, 1fr);

	min-width: max-content;

	border-bottom: 1px solid rgba(221, 214, 209, .42);
}

.ping-github-code-line:last-child {
	border-bottom: 0;
}

.ping-github-code-line:hover {
	background: #fffaf7;
}

.ping-github-line-number {
	display: block;

	padding: 2px 10px 2px 6px;

	border-right: 1px solid var(--mv-border);

	background: #faf7f4;

	color: #9a918b;
	text-align: right;

	user-select: none;
}

.ping-github-code-line code {
	display: block;

	min-width: 0;
	padding: 2px 12px;

	border: 0;
	background: transparent;

	color: #292725;

	font: inherit;
	white-space: pre;
}

/* ==========================================================
   GitHub Commit Preview
   ========================================================== */

.ping-github-commit {
	min-width: 0;
}

.ping-github-commit-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-commit-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-commit-author img,
.ping-github-commit-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-commit-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-commit-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-commit-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
}

.ping-github-commit-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

.ping-github-commit-sha {
	flex: 0 0 auto;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
	font-weight: 650;
	line-height: 1;
}


/* Messaggio commit */

.ping-github-commit-message {
	padding: 12px;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.5;

	white-space: normal;
	overflow-wrap: anywhere;
}


/* Statistiche commit */

.ping-github-commit-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-commit-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.ping-github-commit-stats .is-files {
	color: var(--mv-muted);
}

.ping-github-commit-stats .is-additions {
	color: #38724b;
}

.ping-github-commit-stats .is-deletions {
	color: #a84b4b;
}


/* File modificati */

.ping-github-commit-files {
	display: grid;
	min-width: 0;
}

.ping-github-commit-file {
	min-width: 0;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-commit-file:last-child {
	border-bottom: 0;
}

.ping-github-commit-file-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	background: #fff;
}

.ping-github-commit-file-name {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
}

.ping-github-commit-file-stats {
	display: flex;
	align-items: center;
	gap: 7px;

	flex: 0 0 auto;

	font-size: 10px;
	line-height: 1;
}

.ping-github-commit-file-stats .is-additions {
	color: #38724b;
}

.ping-github-commit-file-stats .is-deletions {
	color: #a84b4b;
}


/* Diff */

.ping-github-commit-diff {
	width: 100%;
	max-height: 360px;

	overflow: auto;

	border-top: 1px solid var(--mv-border);
	background: #fff;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	line-height: 1.5;

	tab-size: 4;
}

.ping-github-commit-diff-line {
	display: block;

	min-width: max-content;
}

.ping-github-commit-diff-line code {
	display: block;

	min-width: max-content;
	padding: 2px 12px;

	border: 0;
	background: transparent;

	color: #292725;

	font: inherit;
	white-space: pre;
}


/* Riga di contesto */

.ping-github-commit-diff-line.is-context {
	background: #fff;
}


/* Hunk */

.ping-github-commit-diff-line.is-hunk {
	background: #f1ece7;
}

.ping-github-commit-diff-line.is-hunk code {
	color: #756a64;
	font-weight: 650;
}


/* Aggiunte */

.ping-github-commit-diff-line.is-addition {
	background: #edf6ef;
}

.ping-github-commit-diff-line.is-addition code {
	color: #315f3d;
}


/* Rimozioni */

.ping-github-commit-diff-line.is-deletion {
	background: #faeeee;
}

.ping-github-commit-diff-line.is-deletion code {
	color: #8d3f3f;
}


/* Hover */

.ping-github-commit-diff-line.is-context:hover {
	background: #fffaf7;
}

.ping-github-commit-diff-line.is-addition:hover {
	background: #e3f0e6;
}

.ping-github-commit-diff-line.is-deletion:hover {
	background: #f5e3e3;
}


/* Mobile */

@media (max-width: 640px) {

	.ping-github-commit-heading,
	.ping-github-commit-message,
	.ping-github-commit-stats,
	.ping-github-commit-file-heading {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-commit-heading {
		align-items: flex-start;
	}

	.ping-github-commit-sha {
		margin-top: 2px;
	}

	.ping-github-commit-diff {
		max-height: 300px;
		font-size: 10px;
	}

	.ping-github-commit-diff-line code {
		padding-left: 10px;
		padding-right: 10px;
	}

}

/* ==========================================================
   GitHub Pull Request Preview
   ========================================================== */

.ping-github-pr {
	min-width: 0;
}

/* Header / autore */

.ping-github-pr-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-pr-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-pr-author img,
.ping-github-pr-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-pr-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-pr-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-pr-author a,
.ping-github-pr-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-pr-author a:hover {
	color: var(--mv-primary);
}

.ping-github-pr-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-pr-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-github-pr-state.is-open {
	color: #38724b;
}

.ping-github-pr-state.is-merged {
	color: #76569b;
}

.ping-github-pr-state.is-closed {
	color: #a84b4b;
}

.ping-github-pr-state.is-draft {
	color: var(--mv-muted);
}

/* Titolo */

.ping-github-pr-title {
	display: flex;
	align-items: flex-start;
	gap: 8px;

	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-pr-title span {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.ping-github-pr-title strong {
	min-width: 0;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
}

/* Branch */

.ping-github-pr-branches {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
}

.ping-github-pr-branches code {
	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
	font-weight: 650;
}

/* Label */

.ping-github-pr-labels {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;

	padding: 8px 12px 0;
}

.ping-github-pr-labels span {
	padding: 0 0 2px;

	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 700;
	line-height: 1.2;
}

/* Body */

.ping-github-pr-body {
	max-height: 210px;
	padding: 12px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Statistiche */

.ping-github-pr-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-pr-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.ping-github-pr-stats .is-additions {
	color: #38724b;
}

.ping-github-pr-stats .is-deletions {
	color: #a84b4b;
}

/* File */

.ping-github-pr-files {
	display: grid;

	max-height: 620px;

	overflow: auto;
}

.ping-github-pr-file {
	min-width: 0;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-pr-file:last-child {
	border-bottom: 0;
}

.ping-github-pr-file-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	background: #fff;
}

.ping-github-pr-file-name {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
}

.ping-github-pr-file-stats {
	display: flex;
	align-items: center;
	gap: 7px;

	flex: 0 0 auto;

	font-size: 10px;
	line-height: 1;
}

.ping-github-pr-file-stats .is-additions {
	color: #38724b;
}

.ping-github-pr-file-stats .is-deletions {
	color: #a84b4b;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-pr-heading,
	.ping-github-pr-title,
	.ping-github-pr-branches,
	.ping-github-pr-body,
	.ping-github-pr-stats,
	.ping-github-pr-file-heading {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-pr-heading {
		align-items: flex-start;
	}

	.ping-github-pr-title {
		flex-direction: column;
		gap: 4px;
	}

	.ping-github-pr-body {
		max-height: 180px;
		font-size: 12px;
	}

	.ping-github-pr-files {
		max-height: 520px;
	}

}

/* ==========================================================
   GitHub Issue Preview
   ========================================================== */

.ping-github-issue {
	min-width: 0;
}

/* Header / autore */

.ping-github-issue-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-issue-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-issue-author img,
.ping-github-issue-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-issue-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-issue-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-issue-author a,
.ping-github-issue-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-issue-author a:hover {
	color: var(--mv-primary);
}

.ping-github-issue-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-issue-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-github-issue-state.is-open {
	color: #38724b;
}

.ping-github-issue-state.is-closed {
	color: #a84b4b;
}

/* Titolo */

.ping-github-issue-title {
	display: flex;
	align-items: flex-start;
	gap: 8px;

	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-issue-title span {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.ping-github-issue-title strong {
	min-width: 0;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
}

/* Labels */

.ping-github-issue-labels {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;

	padding: 8px 12px 0;
}

.ping-github-issue-labels span {
	padding: 0 0 2px;

	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 700;
	line-height: 1.2;
}

/* Body */

.ping-github-issue-body {
	max-height: 260px;
	padding: 12px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Assignee / Milestone / Reason */

.ping-github-issue-meta {
	display: grid;
	gap: 0;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;
}

.ping-github-issue-meta > div {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-issue-meta > div:last-child {
	border-bottom: 0;
}

.ping-github-issue-meta > div > span {
	display: inline-flex;
	align-items: center;
	gap: 5px;

	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 750;
	line-height: 1.2;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.ping-github-issue-meta strong,
.ping-github-issue-meta a {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}

.ping-github-issue-meta a:hover {
	color: var(--mv-primary);
}

.ping-github-issue-assignee img {
	flex: 0 0 22px;

	width: 22px;
	height: 22px;

	border-radius: 50%;

	object-fit: cover;
}

/* Commenti */

.ping-github-issue-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	background: #fffaf7;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-issue-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-issue-heading,
	.ping-github-issue-title,
	.ping-github-issue-body,
	.ping-github-issue-meta > div,
	.ping-github-issue-stats {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-issue-heading {
		align-items: flex-start;
	}

	.ping-github-issue-title {
		flex-direction: column;
		gap: 4px;
	}

	.ping-github-issue-body {
		max-height: 210px;
		font-size: 12px;
	}

	.ping-github-issue-meta > div {
		flex-wrap: wrap;
	}

}

/* ==========================================================
   GitHub Release Preview
   ========================================================== */

.ping-github-release {
	min-width: 0;
}

/* Header / autore */

.ping-github-release-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-release-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-release-author img,
.ping-github-release-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-release-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-release-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-release-author a,
.ping-github-release-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-release-author a:hover {
	color: var(--mv-primary);
}

.ping-github-release-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-release-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-github-release-state.is-stable {
	color: #38724b;
}

.ping-github-release-state.is-prerelease {
	color: #9a6a21;
}

.ping-github-release-state.is-draft {
	color: var(--mv-muted);
}

/* Titolo / tag */

.ping-github-release-title {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	min-width: 0;
	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-release-title > i {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 22px;
	width: 22px;
	height: 22px;

	margin-top: 1px;

	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 13px;
}

.ping-github-release-title > div {
	display: flex;
	flex-direction: column;
	gap: 4px;

	min-width: 0;
}

.ping-github-release-title strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;
	line-height: 1.3;
}

.ping-github-release-title code {
	width: fit-content;
	max-width: 100%;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
	font-weight: 600;
}

/* Target */

.ping-github-release-target {
	display: flex;
	align-items: center;
	gap: 7px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
}

.ping-github-release-target > i {
	color: var(--mv-muted);
}

.ping-github-release-target > span {
	letter-spacing: .025em;
	text-transform: uppercase;
}

.ping-github-release-target code {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
}

/* Changelog */

.ping-github-release-body {
	max-height: 280px;
	padding: 12px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Assets */

.ping-github-release-assets {
	display: grid;

	max-height: 320px;

	overflow: auto;

	background: #fff;
}

.ping-github-release-assets-heading {
	display: flex;
	align-items: center;
	gap: 7px;

	position: sticky;
	top: 0;
	z-index: 1;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #f3efeb;

	color: var(--mv-text);

	font-size: 10px;
}

.ping-github-release-assets-heading > i {
	color: var(--mv-muted);
}

.ping-github-release-assets-heading strong {
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.ping-github-release-assets-heading span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 18px;
	height: 18px;
	margin-left: auto;
	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 800;
}

/* Singolo asset */

.ping-github-release-asset {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-release-asset:last-child {
	border-bottom: 0;
}

.ping-github-release-asset:hover {
	background: #fffaf7;
}

.ping-github-release-asset > div:first-child {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
}

.ping-github-release-asset > div:first-child > i {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 11px;
}

.ping-github-release-asset a,
.ping-github-release-asset strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
}

.ping-github-release-asset a:hover {
	color: var(--mv-primary);
}

.ping-github-release-asset-meta {
	display: flex;
	align-items: center;
	gap: 8px;

	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 650;
	line-height: 1;
}

.ping-github-release-asset-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-release-heading,
	.ping-github-release-title,
	.ping-github-release-target,
	.ping-github-release-body,
	.ping-github-release-assets-heading,
	.ping-github-release-asset {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-release-heading {
		align-items: flex-start;
	}

	.ping-github-release-title {
		gap: 8px;
	}

	.ping-github-release-title > i {
		flex-basis: 20px;
		width: 20px;
		height: 20px;

		font-size: 12px;
	}

	.ping-github-release-body {
		max-height: 220px;
		font-size: 12px;
	}

	.ping-github-release-assets {
		max-height: 280px;
	}

	.ping-github-release-asset {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.ping-github-release-asset-meta {
		padding-left: 19px;
	}

}

/* ==========================================================
   GitHub Repository Preview
   ========================================================== */

.ping-github-repository-preview {
	min-width: 0;
}

/* Header / owner */

.ping-github-repository-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-repository-owner {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-repository-owner img,
.ping-github-repository-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-repository-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 13px;
}

.ping-github-repository-owner > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-repository-owner a,
.ping-github-repository-owner strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-repository-owner a:hover {
	color: var(--mv-primary);
}

.ping-github-repository-owner span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Branch */

.ping-github-repository-branch {
	display: inline-flex;
	align-items: center;
	gap: 5px;

	flex: 0 0 auto;

	max-width: 45%;
	padding: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 10px;
	font-weight: 600;
	line-height: 1;
}

/* Titolo repository */

.ping-github-repository-title {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	min-width: 0;
	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-repository-title > i {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 22px;
	width: 22px;
	height: 22px;

	margin-top: 1px;

	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 13px;
}

.ping-github-repository-title > div {
	min-width: 0;
}

.ping-github-repository-title a {
	display: block;

	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;
	line-height: 1.3;
	text-decoration: none;
}

.ping-github-repository-title a:hover {
	color: var(--mv-primary);
}

.ping-github-repository-title p {
	margin: 4px 0 0;

	color: var(--mv-muted);

	font-size: 12px;
	line-height: 1.45;
}

/* Statistiche */

.ping-github-repository-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 13px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 650;
	line-height: 1;
}

.ping-github-repository-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Homepage */

.ping-github-repository-homepage {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
}

.ping-github-repository-homepage:hover {
	background: #fffaf7;
	color: var(--mv-primary);
}

.ping-github-repository-homepage > i:first-child {
	flex: 0 0 auto;

	color: var(--mv-muted);
}

.ping-github-repository-homepage > span {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ping-github-repository-homepage > i:last-child {
	flex: 0 0 auto;

	margin-left: auto;

	color: var(--mv-muted);
	font-size: 10px;
}

/* README */

.ping-github-repository-readme {
	min-width: 0;
}

.ping-github-repository-readme-heading {
	display: flex;
	align-items: center;
	gap: 7px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #f3efeb;

	color: var(--mv-text);

	font-size: 10px;
}

.ping-github-repository-readme-heading i {
	color: var(--mv-muted);
	font-size: 12px;
}

.ping-github-repository-readme-heading strong {
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.ping-github-repository-readme pre {
	max-height: 320px;
	margin: 0;
	padding: 13px 14px;

	overflow: auto;

	background: #fff;

	color: #292725;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	line-height: 1.58;

	tab-size: 4;
}

.ping-github-repository-readme code {
	display: block;

	min-width: max-content;

	background: transparent;
	border: 0;

	color: inherit;
	font: inherit;

	white-space: pre;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-repository-heading,
	.ping-github-repository-title,
	.ping-github-repository-stats,
	.ping-github-repository-homepage,
	.ping-github-repository-readme-heading,
	.ping-github-repository-readme pre {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-repository-heading {
		align-items: flex-start;
	}

	.ping-github-repository-branch {
		max-width: 40%;
	}

	.ping-github-repository-title {
		gap: 8px;
	}

	.ping-github-repository-title > i {
		flex-basis: 20px;
		width: 20px;
		height: 20px;

		font-size: 12px;
	}

	.ping-github-repository-title a {
		font-size: 14px;
	}

	.ping-github-repository-readme pre {
		max-height: 260px;
		font-size: 10px;
	}

}

/* ==========================================================
   GitHub Discussion Preview
   ========================================================== */

.ping-github-discussion {
	min-width: 0;
}

/* Header / autore */

.ping-github-discussion-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-discussion-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-discussion-author img,
.ping-github-discussion-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-discussion-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-discussion-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-discussion-author a,
.ping-github-discussion-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-discussion-author a:hover {
	color: var(--mv-primary);
}

.ping-github-discussion-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-discussion-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-github-discussion-state.is-open {
	color: #38724b;
}

.ping-github-discussion-state.is-closed {
	color: #a84b4b;
}

/* Titolo */

.ping-github-discussion-title {
	display: flex;
	align-items: flex-start;
	gap: 8px;

	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-discussion-title span {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.ping-github-discussion-title strong {
	min-width: 0;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
}

/* Categoria */

.ping-github-discussion-category {
	display: flex;
	align-items: center;
	gap: 8px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;
}

.ping-github-discussion-category span {
	flex: 0 0 auto;

	font-size: 15px;
	line-height: 1;
}

.ping-github-discussion-category strong {
	color: var(--mv-text);

	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;

	letter-spacing: .025em;
	text-transform: uppercase;
}

/* Body */

.ping-github-discussion-body {
	max-height: 260px;
	padding: 12px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Statistiche */

.ping-github-discussion-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-discussion-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.ping-github-discussion-stats .is-locked {
	color: #9a6a21;
}

/* Accepted answer */

.ping-github-discussion-answer {
	min-width: 0;

	border-top: 1px solid var(--mv-border);
	background: #fbf8f3;
}

.ping-github-discussion-answer-heading {
	display: flex;
	align-items: center;
	gap: 7px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);

	color: #38724b;

	font-size: 10px;
	line-height: 1.2;
}

.ping-github-discussion-answer-heading > i {
	flex: 0 0 auto;

	font-size: 12px;
}

.ping-github-discussion-answer-heading strong {
	font-weight: 750;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.ping-github-discussion-answer-heading span {
	margin-left: auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 650;
}

.ping-github-discussion-answer-body {
	max-height: 220px;
	padding: 12px;

	overflow: auto;

	color: var(--mv-text);

	font-size: 12px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

.ping-github-discussion-answer-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	padding: 8px 12px;

	border-top: 1px solid var(--mv-border);

	color: #38724b;

	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.ping-github-discussion-answer-link:hover {
	background: #fffaf7;
	color: var(--mv-primary);
}

.ping-github-discussion-answer-link i {
	flex: 0 0 auto;

	font-size: 10px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-discussion-heading,
	.ping-github-discussion-title,
	.ping-github-discussion-category,
	.ping-github-discussion-body,
	.ping-github-discussion-stats,
	.ping-github-discussion-answer-heading,
	.ping-github-discussion-answer-body,
	.ping-github-discussion-answer-link {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-discussion-heading {
		align-items: flex-start;
	}

	.ping-github-discussion-title {
		flex-direction: column;
		gap: 4px;
	}

	.ping-github-discussion-body {
		max-height: 210px;
		font-size: 12px;
	}

	.ping-github-discussion-answer-body {
		max-height: 180px;
		font-size: 11px;
	}

}

/* ==========================================================
   GitHub Gist Preview
   ========================================================== */

.ping-github-gist {
	min-width: 0;
}

/* Header / autore */

.ping-github-gist-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-gist-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-gist-author img,
.ping-github-gist-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-gist-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-gist-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-gist-author a,
.ping-github-gist-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-gist-author a:hover {
	color: var(--mv-primary);
}

.ping-github-gist-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-gist-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid #38724b;
	border-radius: 0;
	background: transparent;

	color: #38724b;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

/* Descrizione */

.ping-github-gist-description {
	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.5;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Statistiche */

.ping-github-gist-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-gist-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Lista file */

.ping-github-gist-files {
	display: grid;

	max-height: 720px;

	overflow: auto;

	background: #fff;
}

.ping-github-gist-file {
	min-width: 0;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-gist-file:last-child {
	border-bottom: 0;
}

/* Header file */

.ping-github-gist-file-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	position: sticky;
	top: 0;
	z-index: 1;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #f3efeb;
}

.ping-github-gist-file-name {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;
}

.ping-github-gist-file-name > i {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 11px;
}

.ping-github-gist-file-name strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 650;
	line-height: 1.3;
}

.ping-github-gist-file-meta {
	display: flex;
	align-items: center;
	gap: 8px;

	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 650;
	line-height: 1;
}

.ping-github-gist-file-meta span {
	display: inline-flex;
	align-items: center;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;
}

/* Code viewer */

.ping-github-gist-code {
	width: 100%;
	max-height: 360px;

	margin: 0;
	padding: 12px;

	overflow: auto;

	background: #fff;

	color: #292725;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	line-height: 1.55;

	tab-size: 4;
}

.ping-github-gist-code code {
	display: block;

	min-width: max-content;

	padding: 0;

	border: 0;
	background: transparent;

	color: inherit;
	font: inherit;

	white-space: pre;
}

/* File troncato */

.ping-github-gist-truncated {
	padding: 8px 12px;

	border-top: 1px solid var(--mv-border);
	background: #fbf3df;

	color: #876522;

	font-size: 10px;
	font-weight: 650;
	line-height: 1.3;
}

/* Link finale */

.ping-github-gist-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	padding: 9px 12px;

	border-top: 1px solid var(--mv-border);
	background: #fffaf7;

	color: var(--mv-text);

	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.ping-github-gist-link:hover {
	background: #f3efeb;
	color: var(--mv-primary);
}

.ping-github-gist-link i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 10px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-gist-heading,
	.ping-github-gist-description,
	.ping-github-gist-stats,
	.ping-github-gist-file-heading,
	.ping-github-gist-code,
	.ping-github-gist-truncated,
	.ping-github-gist-link {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-gist-heading {
		align-items: flex-start;
	}

	.ping-github-gist-files {
		max-height: 600px;
	}

	.ping-github-gist-file-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.ping-github-gist-file-meta {
		padding-left: 18px;
	}

	.ping-github-gist-code {
		max-height: 300px;

		font-size: 10px;
		line-height: 1.5;
	}

}

/* ==========================================================
   GitHub Tree Preview
   ========================================================== */

.ping-github-tree {
	min-width: 0;
}

/* Header branch */

.ping-github-tree-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-tree-heading > div {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;
}

.ping-github-tree-heading > div > i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 12px;
}

.ping-github-tree-heading strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

.ping-github-tree-heading > span {
	flex: 0 0 auto;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 650;
	line-height: 1;
}

/* Path */

.ping-github-tree-path {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;
	padding: 9px 12px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
}

.ping-github-tree-path > i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 12px;
}

/* Statistiche */

.ping-github-tree-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-tree-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Lista */

.ping-github-tree-items {
	display: grid;

	max-height: 460px;

	overflow: auto;

	background: #fff;
}

/* Elemento */

.ping-github-tree-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-tree-item:last-child {
	border-bottom: 0;
}

.ping-github-tree-item:hover {
	background: #fffaf7;
}

.ping-github-tree-item > div {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
}

.ping-github-tree-item > div > i {
	flex: 0 0 auto;

	width: 14px;

	color: var(--mv-muted);

	font-size: 12px;
	text-align: center;
}

/* Nome file / directory */

.ping-github-tree-item a,
.ping-github-tree-item strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.ping-github-tree-item a:hover {
	color: var(--mv-primary);
}

/* Dimensione */

.ping-github-tree-item > span {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 650;
	line-height: 1;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-tree-heading,
	.ping-github-tree-path,
	.ping-github-tree-stats,
	.ping-github-tree-item {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-tree-items {
		max-height: 380px;
	}

	.ping-github-tree-heading {
		align-items: flex-start;
	}

	.ping-github-tree-item {
		gap: 8px;
	}

	.ping-github-tree-item a,
	.ping-github-tree-item strong {
		font-size: 10px;
	}

}

/* ==========================================================
   GitHub Compare Preview
   ========================================================== */

.ping-github-compare {
	min-width: 0;
}

/* Header */

.ping-github-compare-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-compare-heading > div {
	display: flex;
	align-items: center;
	gap: 7px;

	min-width: 0;
}

.ping-github-compare-heading > div > i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 12px;
}

.ping-github-compare-heading strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

.ping-github-compare-heading > span {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid #38724b;
	border-radius: 0;
	background: transparent;

	color: #38724b;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

/* Statistiche */

.ping-github-compare-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-compare-stats span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* Commit */

.ping-github-compare-commits {
	display: grid;

	max-height: 320px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-compare-commit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-compare-commit:last-child {
	border-bottom: 0;
}

.ping-github-compare-commit:hover {
	background: #fffaf7;
}

.ping-github-compare-commit > div {
	display: flex;
	align-items: center;
	gap: 8px;

	min-width: 0;
}

.ping-github-compare-commit code {
	flex: 0 0 auto;

	padding: 0;

	border: 0;
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 9px;
	font-weight: 650;
	line-height: 1;
}

.ping-github-compare-commit a,
.ping-github-compare-commit strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.ping-github-compare-commit a:hover {
	color: var(--mv-primary);
}

.ping-github-compare-commit > span {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 650;
	line-height: 1;
}

/* File modificati */

.ping-github-compare-files {
	display: grid;

	max-height: 360px;

	overflow: auto;

	background: #fff;
}

.ping-github-compare-file {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	min-width: 0;
	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
}

.ping-github-compare-file:last-child {
	border-bottom: 0;
}

.ping-github-compare-file:hover {
	background: #fffaf7;
}

.ping-github-compare-file > strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;

	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
}

.ping-github-compare-file > div {
	display: flex;
	align-items: center;
	gap: 7px;

	flex: 0 0 auto;

	font-size: 9px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-compare-file > div span:first-child {
	padding: 0 0 2px;

	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;
	background: transparent;

	color: var(--mv-muted);
}

.ping-github-compare-file > div span:nth-last-child(2) {
	color: #38724b;
}

.ping-github-compare-file > div span:last-child {
	color: #a84b4b;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-compare-heading,
	.ping-github-compare-stats,
	.ping-github-compare-commit,
	.ping-github-compare-file {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-compare-heading {
		align-items: flex-start;
	}

	.ping-github-compare-heading > div {
		flex-wrap: wrap;
	}

	.ping-github-compare-commits {
		max-height: 280px;
	}

	.ping-github-compare-files {
		max-height: 300px;
	}

	.ping-github-compare-commit {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.ping-github-compare-commit > span {
		padding-left: 0;
	}

	.ping-github-compare-file {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

}

/* ==========================================================
   GitHub Comment Preview
   ========================================================== */

.ping-github-comment {
	min-width: 0;

	border-top: 1px solid var(--mv-border);
	background: #fff;
}

/* Header */

.ping-github-comment-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-comment-author {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-comment-author img,
.ping-github-comment-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-comment-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-comment-author > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-comment-author a,
.ping-github-comment-author strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-comment-author a:hover {
	color: var(--mv-primary);
}

.ping-github-comment-author span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Label */

.ping-github-comment-label {
	display: inline-flex;
	align-items: center;
	gap: 5px;

	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

/* Association */

.ping-github-comment-association {
	padding: 7px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 9px;
	font-weight: 750;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

/* Body */

.ping-github-comment-body {
	max-height: 260px;
	padding: 12px;

	overflow: auto;

	border-bottom: 1px solid var(--mv-border);

	color: var(--mv-text);

	font-size: 13px;
	line-height: 1.55;

	white-space: normal;
	overflow-wrap: anywhere;
}

/* Link finale */

.ping-github-comment-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	padding: 9px 12px;

	background: #fffaf7;

	color: var(--mv-text);

	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.ping-github-comment-link:hover {
	background: #f3efeb;
	color: var(--mv-primary);
}

.ping-github-comment-link i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 10px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-comment-heading,
	.ping-github-comment-association,
	.ping-github-comment-body,
	.ping-github-comment-link {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-comment-heading {
		align-items: flex-start;
	}

	.ping-github-comment-body {
		max-height: 210px;
		font-size: 12px;
	}

}

/* ==========================================================
   GitHub Workflow Run Preview
   ========================================================== */

.ping-github-workflow {
	min-width: 0;
}

/* Header / actor */

.ping-github-workflow-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	padding: 11px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.ping-github-workflow-actor {
	display: flex;
	align-items: center;
	gap: 9px;

	min-width: 0;
}

.ping-github-workflow-actor img,
.ping-github-workflow-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 32px;
	width: 32px;
	height: 32px;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	object-fit: cover;
}

.ping-github-workflow-avatar-fallback {
	border: 1px solid var(--mv-border);
	font-size: 12px;
}

.ping-github-workflow-actor > div {
	display: flex;
	flex-direction: column;
	gap: 2px;

	min-width: 0;
}

.ping-github-workflow-actor a,
.ping-github-workflow-actor strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ping-github-workflow-actor a:hover {
	color: var(--mv-primary);
}

.ping-github-workflow-actor span {
	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

/* Stato */

.ping-github-workflow-state {
	flex: 0 0 auto;

	padding: 0 0 2px;

	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;

	color: #38724b;

	font-size: 9px;
	font-weight: 800;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

/* Titolo workflow */

.ping-github-workflow-title {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	min-width: 0;
	padding: 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #fff;
}

.ping-github-workflow-title > i {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 22px;
	width: 22px;
	height: 22px;

	margin-top: 1px;

	border-radius: 0;
	background: transparent;

	color: var(--mv-primary);

	font-size: 13px;
}

.ping-github-workflow-title > div {
	display: flex;
	flex-direction: column;
	gap: 4px;

	min-width: 0;
}

.ping-github-workflow-title strong {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 750;
	line-height: 1.3;
}

.ping-github-workflow-title span {
	color: var(--mv-muted);

	font-size: 11px;
	line-height: 1.4;

	overflow-wrap: anywhere;
}

/* Meta */

.ping-github-workflow-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;

	padding: 8px 12px;

	border-bottom: 1px solid var(--mv-border);
	background: #faf7f4;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.ping-github-workflow-meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.ping-github-workflow-meta span:nth-child(3) {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;
}

/* Commit */

.ping-github-workflow-commit {
	display: flex;
	flex-direction: column;
	gap: 4px;

	padding: 12px;

	border-bottom: 1px solid var(--mv-border);

	background: #fff;
}

.ping-github-workflow-commit strong {
	color: var(--mv-text);

	font-size: 12px;
	font-weight: 650;
	line-height: 1.45;

	overflow-wrap: anywhere;
}

.ping-github-workflow-commit span {
	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 600;
	line-height: 1.3;
}

/* Link finale */

.ping-github-workflow-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	padding: 9px 12px;

	background: #fffaf7;

	color: var(--mv-text);

	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.ping-github-workflow-link:hover {
	background: #f3efeb;
	color: var(--mv-primary);
}

.ping-github-workflow-link i {
	flex: 0 0 auto;

	color: var(--mv-muted);
	font-size: 10px;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-workflow-heading,
	.ping-github-workflow-title,
	.ping-github-workflow-meta,
	.ping-github-workflow-commit,
	.ping-github-workflow-link {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-workflow-heading {
		align-items: flex-start;
	}

	.ping-github-workflow-title {
		gap: 8px;
	}

	.ping-github-workflow-title > i {
		flex-basis: 20px;
		width: 20px;
		height: 20px;

		font-size: 12px;
	}

	.ping-github-workflow-title strong {
		font-size: 13px;
	}

	.ping-github-workflow-title span {
		font-size: 11px;
	}

}

/* ==========================================================
   Fallback GitHub per tipi non ancora specializzati
   ========================================================== */

.ping-github-fallback {
	display: block;

	padding: 12px;

	background: #fff;

	color: var(--mv-text);
	text-decoration: none;
}

.ping-github-fallback:hover {
	background: #fffaf7;
	text-decoration: none;
}

.ping-github-fallback strong {
	display: block;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 750;
	line-height: 1.35;
}

.ping-github-fallback p {
	display: -webkit-box;

	margin: 5px 0 0;

	color: var(--mv-muted);

	font-size: 12px;
	line-height: 1.5;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

	overflow: hidden;
}

/* Mobile */

@media (max-width: 640px) {

	.ping-github-header,
	.ping-github-repository,
	.ping-github-file-heading,
	.ping-github-fallback {
		padding-left: 11px;
		padding-right: 11px;
	}

	.ping-github-repository {
		flex-wrap: wrap;
	}

	.ping-github-repository span {
		flex: 1 1 100%;
		margin-left: 20px;
	}

	.ping-github-code {
		max-height: 380px;
		font-size: 11px;
	}

	.ping-github-code-line {
		grid-template-columns: 46px minmax(max-content, 1fr);
	}

	.ping-github-line-number {
		padding-left: 6px;
		padding-right: 9px;
	}

	.ping-github-code-line code {
		padding-left: 11px;
		padding-right: 11px;
	}

}

/* ==========================================================
   Dogecoin Tip Pong
   ========================================================== */

.pong-doge-tip {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0;
	padding: 9px 0 10px;

	border: 0;
	border-top: 1px solid #eee7d5;
	border-bottom: 1px solid #eee7d5;
	border-radius: 0;

	background: #fffdf8;
	color: #4a4025;
}

.pong-doge-tip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 28px;
	width: 28px;
	height: 28px;

	border-radius: 50%;

	background: #c9a633;
	color: #fff;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	font-size: 18px;
	font-weight: 800;
	line-height: 1;
}

.pong-doge-tip-info {
	display: flex;
	flex-direction: column;
	gap: 3px;

	min-width: 0;
}

.pong-doge-tip-label {
	width: fit-content;
	padding-bottom: 3px;

	border-bottom: 1px solid #d9c77f;

	color: #725c1d;

	font-size: 10px;
	font-weight: 750;
	line-height: 1.15;

	letter-spacing: .035em;
	text-transform: uppercase;
}

.pong-doge-tip-value {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;

	min-width: 0;

	color: #514726;

	font-size: 13px;
	line-height: 1.3;
}

.pong-doge-tip-value strong {
	color: #3e351c;

	font-size: 14px;
	font-weight: 800;
}

.pong-doge-tip-value > span {
	color: #a18c4c;

	font-size: 11px;
}

.pong-doge-tip-value a {
	color: #7b6322;

	font-weight: 700;
	text-decoration: none;
}

.pong-doge-tip-value a:hover {
	color: #5f4b17;
	text-decoration: underline;
}

.pong-doge-tip-message {
	margin-top: 8px;
	padding: 9px 0 0;

	border-top: 1px solid #eee7d5;

	color: var(--mv-text);

	font-size: 14px;
	line-height: 1.55;
}

/* Mobile */

@media (max-width: 640px) {

	.pong-doge-tip {
		align-items: flex-start;
		padding: 8px 0 9px;
	}

	.pong-doge-tip-icon {
		flex-basis: 26px;
		width: 26px;
		height: 26px;

		font-size: 17px;
	}

	.pong-doge-tip-value {
		font-size: 12px;
	}

	.pong-doge-tip-value strong {
		font-size: 13px;
	}

}

/* ==========================================================
   Pong
   ========================================================== */

.pong-card {
	margin: 0 0 0 60px;
	padding: 14px 16px;

	border: 0;
	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;

	background: #faf7f4;
}

.pong-card:first-child {
	border-top: 1px solid var(--mv-border);
}

.pong-card:last-child {
	margin-bottom: 0;
}

.pong-card:hover {
	background: #fffaf7;
}

.pong-header {
	display: flex;
	align-items: flex-start;

	margin-bottom: 10px;
}

.pong-avatar {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	margin-top: 1px;
	margin-right: 10px;

	overflow: hidden;

	border-radius: 50%;
	background: #eee8e4;

	color: var(--mv-muted);

	font-size: 18px;
	text-decoration: none;
}

.pong-avatar img {
	display: block;

	width: 100%;
	height: 100%;

	border-radius: 50%;

	object-fit: cover;
}

.pong-avatar-static {
	cursor: default;
}

.pong-avatar-static i {
	color: var(--mv-muted);
	font-size: 17px;
}

.pong-author {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	min-width: 0;
	padding-top: 0;
}

.pong-author-name {
	display: flex;
	align-items: center;
	gap: 5px;

	min-width: 0;

	font-size: 13px;
	line-height: 1.2;
}

.pong-author-name .mv-user-presence {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	line-height: 1;
}

.pong-author-name .mv-user-presence i {
	color: currentColor !important;
	font-size: 8px;
}

.pong-author-name .mv-user-presence.is-online,
.pong-author-name .mv-user-presence.is-online i {
	color: #38724b !important;
}

.pong-author-name .mv-user-presence.is-away,
.pong-author-name .mv-user-presence.is-away i {
	color: #9a702c !important;
}

.pong-author-name .mv-user-presence.is-offline,
.pong-author-name .mv-user-presence.is-offline i {
	color: var(--mv-muted) !important;
}

.pong-author-name .pong-username {
	min-width: 0;
}

.pong-username,
.pong-username-static {
	color: var(--mv-text);

	font-size: 13px;
	font-weight: 650;
	line-height: 1.2;

	text-decoration: none;
}

a.pong-username:hover {
	color: var(--mv-primary);
}

.pong-username-static {
	cursor: default;
}

.pong-username-missing {
	color: #8d3f3f;

	font-size: 13px;
	font-weight: 650;
	line-height: 1.2;
}

.pong-author-status {
	display: flex;
	align-items: center;
	gap: 5px;

	min-width: 0;
	margin: 2px 0 0;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 400;
	line-height: 1.25;
}

.pong-author-status i {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;
	line-height: 1;
}

.pong-author-status span {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pong-date {
	margin-top: 2px;

	color: var(--mv-muted);

	font-size: 10px;
	line-height: 1.2;
}

.pong-content {
	color: var(--mv-text);

	line-height: 1.6;
	word-break: break-word;
}

/* Galleria immagini Ping */

.ping-media {
	display: grid;
	width: 100%;
	margin-top: 12px;
	gap: 6px;

	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 0;
}

/* 1 immagine
 *
 * ┌───────────┐
 * │     1     │
 * └───────────┘
 */

.ping-layout-1 {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	aspect-ratio: 16 / 9;
}

/* 2 immagini
 *
 * ┌─────┬─────┐
 * │  1  │  2  │
 * └─────┴─────┘
 */

.ping-layout-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: 1fr;
}

/* 3 immagini
 *
 * ┌─────┬─────┐
 * │     │  2  │
 * │  1  ├─────┤
 * │     │  3  │
 * └─────┴─────┘
 */

.ping-layout-3 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.ping-layout-3 .ping-media-item:nth-child(1) {
	grid-column: 1;
	grid-row: 1 / 3;
}

.ping-layout-3 .ping-media-item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.ping-layout-3 .ping-media-item:nth-child(3) {
	grid-column: 2;
	grid-row: 2;
}

/* 4 immagini
 *
 * ┌─────┬─────┐
 * │  1  │  2  │
 * ├─────┼─────┤
 * │  3  │  4  │
 * └─────┴─────┘
 */

.ping-layout-4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

/* 5 immagini
 *
 * ┌───────────┬─────┬─────┐
 * │           │  2  │  3  │
 * │     1     ├─────┼─────┤
 * │           │  4  │  5  │
 * └───────────┴─────┴─────┘
 */

.ping-layout-5 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.ping-layout-5 .ping-media-item:nth-child(1) {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}

.ping-layout-5 .ping-media-item:nth-child(2) {
	grid-column: 3;
	grid-row: 1;
}

.ping-layout-5 .ping-media-item:nth-child(3) {
	grid-column: 4;
	grid-row: 1;
}

.ping-layout-5 .ping-media-item:nth-child(4) {
	grid-column: 3;
	grid-row: 2;
}

.ping-layout-5 .ping-media-item:nth-child(5) {
	grid-column: 4;
	grid-row: 2;
}

/* 6 immagini
 *
 * ┌─────┬─────┬─────┐
 * │  1  │  2  │  3  │
 * ├─────┼─────┼─────┤
 * │  4  │  5  │  6  │
 * └─────┴─────┴─────┘
 */

.ping-layout-6 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

/* 7 immagini
 *
 * ┌─────┬─────┬─────┬─────┐
 * │     │  2  │  3  │  4  │
 * │  1  ├─────┼─────┼─────┤
 * │     │  5  │  6  │  7  │
 * └─────┴─────┴─────┴─────┘
 */

.ping-layout-7 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.ping-layout-7 .ping-media-item:nth-child(1) {
	grid-column: 1;
	grid-row: 1 / 3;
}

.ping-layout-7 .ping-media-item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.ping-layout-7 .ping-media-item:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.ping-layout-7 .ping-media-item:nth-child(4) {
	grid-column: 4;
	grid-row: 1;
}

.ping-layout-7 .ping-media-item:nth-child(5) {
	grid-column: 2;
	grid-row: 2;
}

.ping-layout-7 .ping-media-item:nth-child(6) {
	grid-column: 3;
	grid-row: 2;
}

.ping-layout-7 .ping-media-item:nth-child(7) {
	grid-column: 4;
	grid-row: 2;
}

/* 8 immagini
 *
 * ┌─────┬─────┬─────┬─────┐
 * │  1  │  2  │  3  │  4  │
 * ├─────┼─────┼─────┼─────┤
 * │  5  │  6  │  7  │  8  │
 * └─────┴─────┴─────┴─────┘
 */

.ping-layout-8 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

/* 9 immagini
 *
 * ┌─────┬─────┬─────┐
 * │  1  │  2  │  3  │
 * ├─────┼─────┼─────┤
 * │  4  │  5  │  6  │
 * ├─────┼─────┼─────┤
 * │  7  │  8  │  9  │
 * └─────┴─────┴─────┘
 */

.ping-layout-9 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

/* 10 immagini
 *
 * ┌─────────┬─────┬─────┬─────┐
 * │         │  2  │  3  │  4  │
 * │    1    ├─────┼─────┼─────┤
 * │         │  5  │  6  │  7  │
 * │         ├─────┼─────┼─────┤
 * │         │  8  │  9  │ 10  │
 * └─────────┴─────┴─────┴─────┘
 */

.ping-layout-10 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.ping-layout-10 .ping-media-item:nth-child(1) {
	grid-column: 1;
	grid-row: 1 / 4;
}

.ping-layout-10 .ping-media-item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.ping-layout-10 .ping-media-item:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.ping-layout-10 .ping-media-item:nth-child(4) {
	grid-column: 4;
	grid-row: 1;
}

.ping-layout-10 .ping-media-item:nth-child(5) {
	grid-column: 2;
	grid-row: 2;
}

.ping-layout-10 .ping-media-item:nth-child(6) {
	grid-column: 3;
	grid-row: 2;
}

.ping-layout-10 .ping-media-item:nth-child(7) {
	grid-column: 4;
	grid-row: 2;
}

.ping-layout-10 .ping-media-item:nth-child(8) {
	grid-column: 2;
	grid-row: 3;
}

.ping-layout-10 .ping-media-item:nth-child(9) {
	grid-column: 3;
	grid-row: 3;
}

.ping-layout-10 .ping-media-item:nth-child(10) {
	grid-column: 4;
	grid-row: 3;
}

/* Elementi della galleria */

.ping-media-item {
	position: relative;
	display: block;

	min-width: 0;
	min-height: 0;

	overflow: hidden;

	background: #f1f3f4;
	border-radius: 0;
}

.ping-media-item img {
	display: block;
	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	transition: transform .2s ease;
}

.ping-media-item:hover img {
	transform: scale(1.02);
}

/* PDF */

.ping-document-item {
	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fffaf7;
}

.ping-document-item:hover {
	border-color: #c5bbb5;
	background: #fffdfb;
	box-shadow: none;
}

.ping-document-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;

	padding: 18px;

	color: inherit;
	text-decoration: none;
}

.ping-document-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 72px;
	height: 72px;

	margin: 0 auto 14px;

	color: #a84b4b;

	font-size: 54px;
}

.ping-document-body {
	width: 100%;

	text-align: center;
}

.ping-document-title {
	display: -webkit-box;

	overflow: hidden;

	color: var(--mv-text);

	font-size: 14px;
	font-weight: 650;
	line-height: 1.4;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ping-document-meta {
	margin-top: 6px;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 650;
	letter-spacing: .04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ping-lightbox {
	position: fixed;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 32px;

	background: rgba(20, 18, 17, .92);

	opacity: 0;
	visibility: hidden;

	transition:
		opacity .18s ease,
		visibility .18s ease;

	z-index: 9999;
}

.ping-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.ping-lightbox-content {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: auto;
	height: auto;
	max-width: 95vw;
	max-height: 95vh;
}

.ping-lightbox-image {
	display: block;

	max-width: 95vw;
	max-height: 95vh;

	border-radius: 0;

	box-shadow: none;

	transition:
		opacity .15s ease,
		transform .15s ease;
}

.ping-lightbox-image.is-loading {
	opacity: 0;
	transform: scale(.98);
}

.ping-lightbox-arrow {
	position: absolute;
	top: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	padding: 0;

	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 0;

	background: rgba(20, 18, 17, .72);

	color: #fff;

	font-size: 24px;
	line-height: 1;

	cursor: pointer;

	transform: translateY(-50%);

	transition:
		background-color .15s ease,
		border-color .15s ease,
		transform .15s ease,
		opacity .15s ease;

	z-index: 20;
}

.ping-lightbox-arrow:hover {
	border-color: rgba(255, 255, 255, .45);
	background: rgba(20, 18, 17, .9);
}

.ping-lightbox-arrow:active {
	transform: translateY(-50%) scale(.96);
}

.ping-lightbox-arrow-prev {
	left: 24px;
}

.ping-lightbox-arrow-next {
	right: 24px;
}

.ping-lightbox-arrow:focus-visible {
	outline: 2px solid var(--mv-primary);
	outline-offset: 3px;
}

.ping-lightbox-thumbnails {
	position: absolute;
	left: 50%;
	bottom: 24px;

	display: flex;
	gap: 6px;

	max-width: calc(100vw - 140px);

	padding: 7px;

	overflow-x: auto;
	overflow-y: hidden;

	background: rgba(20, 18, 17, .72);

	scrollbar-width: thin;

	transform: translateX(-50%);
}

.ping-lightbox-thumbnail {
	flex: 0 0 auto;

	width: 60px;
	height: 60px;

	border: 1px solid transparent;
	border-radius: 0;

	object-fit: cover;

	cursor: pointer;

	opacity: .55;

	transition:
		opacity .15s ease,
		border-color .15s ease,
		transform .15s ease;
}

.ping-lightbox-thumbnail:hover {
	opacity: .9;
	transform: translateY(-2px);
}

.ping-lightbox-thumbnail.is-active {
	border-color: var(--mv-primary);
	opacity: 1;
}

/* ==========================================================
   Video
   ========================================================== */

.ping-video {
   display: block;

   width: 100%;
   height: auto;

   border-radius: 0;

   background: #000;
}

/* Audio singolo: nessun aspect-ratio da galleria */

.ping-media.ping-layout-1:has(> .ping-audio-item) {
	aspect-ratio: auto;
	overflow: visible;
}

/* ==========================================================
   Audio Player
   ========================================================== */

.ping-audio-item {
	width: 100%;
	min-width: 0;

	overflow: visible;

	background: transparent;
	border-radius: 0;
}

.ping-audio-player {
	position: relative;

	display: grid;
	gap: 0;

	width: 100%;
	min-width: 0;

	overflow: hidden;

	border: 0;
	border-top: 1px solid var(--mv-border);
	border-bottom: 1px solid var(--mv-border);
	border-radius: 0;

	background: transparent;

	box-shadow: none;
}

.ping-audio-engine {
	position: absolute;

	width: 1px;
	height: 1px;

	opacity: 0;
	pointer-events: none;
}

/* Header */

.ping-audio-top {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;

	padding: 14px 2px 10px;
}

.ping-audio-play {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 42px;
	width: 42px;
	height: 42px;

	padding: 0;

	border: 0;
	border-radius: 50%;

	background: var(--mv-primary);

	color: #fff;

	font-size: 14px;
	line-height: 1;

	cursor: pointer;

	box-shadow: none;

	transition:
		transform .15s ease,
		background-color .15s ease;
}

.ping-audio-play:hover {
	transform: scale(1.04);
}

.ping-audio-play:active {
	transform: scale(.96);
}

.ping-audio-play i {
	margin-left: 2px;
}

.ping-audio-play.is-playing i {
	margin-left: 0;
}

/* Info */

.ping-audio-info {
	min-width: 0;
}

.ping-audio-title {
	min-width: 0;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	color: var(--mv-text);

	font-size: 15px;
	font-weight: 750;
	line-height: 1.25;
}

.ping-audio-meta {
	display: flex;
	align-items: center;
	gap: 7px;

	margin-top: 4px;

	color: var(--mv-muted);

	font-size: 10px;
	font-weight: 600;
	line-height: 1;

	letter-spacing: 0;
	text-transform: none;
}

.ping-audio-meta span + span::before {
	content: "·";

	margin-right: 7px;

	color: var(--mv-muted);
}

/* Tempo */

.ping-audio-time {
	display: flex;
	align-items: center;
	gap: 4px;

	flex: 0 0 auto;

	color: var(--mv-muted);

	font-family: inherit;

	font-size: 11px;
	font-weight: 500;
	line-height: 1;
}

/* Waveform */

.ping-audio-waveform {
	position: relative;

	height: 70px;
	margin: 0;

	overflow: hidden;

	border-radius: 0;

	background: transparent;

	cursor: pointer;
}

.ping-audio-waveform-fallback {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	color: var(--mv-muted);

	font-size: 11px;
	font-weight: 500;

	pointer-events: none;

	z-index: 1;
}

.ping-audio-waveform-fallback i {
	color: var(--mv-primary);

	font-size: 14px;

	opacity: .65;
}

.ping-audio-waveform::before {
	content: "";

	position: absolute;

	top: 50%;
	left: 0;
	right: 0;

	height: 1px;

	background: var(--mv-border);
}

.ping-audio-waveform-image {
	position: absolute;
	inset: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: fill;
	object-position: center;

	filter:
		brightness(0)
		opacity(.38);

	transform: none !important;
	transition: none;

	pointer-events: none;

	z-index: 1;
}

.ping-audio-waveform-image-progress {
	filter:
		brightness(0)
		saturate(100%)
		invert(31%)
		sepia(39%)
		saturate(1823%)
		hue-rotate(316deg)
		brightness(88%)
		contrast(83%);

	opacity: .95;
}

.ping-audio-item:hover
.ping-audio-waveform-image {
	transform: none !important;
}

.ping-audio-waveform-progress {
	position: absolute;
	inset: 0 auto 0 0;

	width: 0%;

	overflow: hidden;

	background: transparent;

	border-right: 1px solid var(--mv-primary);

	pointer-events: none;

	z-index: 2;
}

/* Bottom */

.ping-audio-bottom {
	display: flex;
	align-items: center;
	gap: 8px;

	padding: 8px 0 11px;
}

.ping-audio-volume {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 26px;
	width: 26px;
	height: 26px;

	padding: 0;

	border: 0;
	border-radius: 50%;

	background: transparent;

	color: var(--mv-muted);

	font-size: 11px;

	cursor: pointer;

	transition:
		color .15s ease,
		background-color .15s ease;
}

.ping-audio-volume:hover {
	background: var(--mv-bg);
	color: var(--mv-primary);
}

.ping-audio-volume-range {
	width: 92px;
	height: 3px;

	margin: 0;

	accent-color: var(--mv-primary);

	cursor: pointer;
}

/* ==========================================================
   Audio Tracklist
   ========================================================== */

.ping-audio-tracklist {
	border-top: 1px solid var(--mv-border);

	background: transparent;
}

.ping-audio-tracklist-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 10px 2px;

	color: var(--mv-text);

	font-size: 11px;
	font-weight: 650;
	line-height: 1;

	cursor: pointer;

	list-style: none;
}

.ping-audio-tracklist-toggle::-webkit-details-marker {
	display: none;
}

.ping-audio-tracklist-toggle::marker {
	display: none;
	content: "";
}

.ping-audio-tracklist-toggle > span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.ping-audio-tracklist-toggle > span i {
	color: var(--mv-primary);

	font-size: 10px;
}

.ping-audio-tracklist-chevron {
	flex: 0 0 auto;

	color: var(--mv-muted);

	font-size: 9px;

	transition: transform .18s ease;
}

.ping-audio-tracklist[open]
.ping-audio-tracklist-chevron {
	transform: rotate(180deg);
}

.ping-audio-tracklist-content {
	padding: 10px 2px 12px;

	border-top: 1px solid var(--mv-border);

	color: var(--mv-muted);

	font-family: inherit;

	font-size: 11px;
	line-height: 1.6;

	white-space: normal;
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {

	.ping-audio-top {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 10px;

		padding-top: 12px;
	}

	.ping-audio-play {
		flex-basis: 40px;

		width: 40px;
		height: 40px;
	}

	.ping-audio-time {
		grid-column: 2;

		justify-self: start;

		margin-top: -2px;
	}

	.ping-audio-waveform {
		height: 62px;
	}

	.ping-audio-bottom {
		padding-bottom: 10px;
	}

	.ping-audio-volume-range {
		width: 82px;
	}

}

/* ==========================================================
   Ping Layout
   ========================================================== */

.ping-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 820px) 300px;
	gap: 20px;

	align-items: start;
	justify-content: center;

	max-width: 1160px;
	margin: 0 auto;
}

.ping-feed {
	min-width: 0;
}

.ping-sidebar {
	position: sticky;
	top: 78px;
	align-self: start;

	max-height: calc(100vh - 94px);

	overflow-y: auto;
	overflow-x: hidden;

	overscroll-behavior: contain;

	scrollbar-width: none;
	-ms-overflow-style: none;
}

.ping-sidebar::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
	background: transparent;
}

.ping-sidebar .card {
	margin-bottom: 12px;
}

.ping-widget-area-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;

	width: 100%;
	min-width: 0;
}

.ping-widget-area-sidebar .mv-widget,
.ping-widget-area-sidebar .mv-block-width-12,
.ping-widget-area-sidebar .mv-block-width-9,
.ping-widget-area-sidebar .mv-block-width-8,
.ping-widget-area-sidebar .mv-block-width-6,
.ping-widget-area-sidebar .mv-block-width-4,
.ping-widget-area-sidebar .mv-block-width-3 {
	grid-column: 1 / -1;

	width: 100%;
}

@media (max-width: 1200px) {

	.ping-page-layout {
		grid-template-columns: 1fr;

		max-width: 820px;
	}

	.ping-feed {
		grid-column: 1;
		grid-row: 2;
	}

	.ping-sidebar-right {
		display: block;

		position: static;
		top: auto;

		grid-column: 1;
		grid-row: 1;

		width: 100%;
		margin-bottom: 18px;
	}

	.ping-sidebar-left {
		display: none;
	}

	.ping-sidebar-desktop {
		display: none;
	}

	.ping-sidebar-mobile {
		display: block;

		width: 100%;

		border: 1px solid var(--mv-border);
		border-radius: 0;

		background: var(--mv-surface);

		overflow: hidden;
	}

	.ping-sidebar-mobile > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;

		min-height: 44px;
		padding: 0 14px;

		color: var(--mv-text);

		font-size: 13px;
		font-weight: 700;
		line-height: 1;

		cursor: pointer;
		list-style: none;
		user-select: none;
	}

	.ping-sidebar-mobile > summary::-webkit-details-marker {
		display: none;
	}

	.ping-sidebar-mobile > summary::marker {
		display: none;
		content: "";
	}

	.ping-sidebar-mobile > summary > span {
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}

	.ping-sidebar-mobile > summary i {
		color: var(--mv-muted);
		font-size: 12px;
	}

	.ping-sidebar-mobile-chevron {
		transition: transform .16s ease;
	}

	.ping-sidebar-mobile[open]
	.ping-sidebar-mobile-chevron {
		transform: rotate(180deg);
	}

	.ping-sidebar-mobile-content {
		padding: 12px;

		border-top: 1px solid var(--mv-border);

		background: var(--mv-bg);
	}

	.ping-sidebar-mobile
	.ping-widget-area-sidebar {
		gap: 12px;
	}

}

@media (min-width: 1201px) {

	.ping-sidebar-mobile {
		display: none;
	}

	.ping-sidebar-desktop {
		display: block;
	}

}

/* ===========================
   Chanzine Ping Avatar
=========================== */

.ping-avatar.ping-avatar-chanzine {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 44px;
	width: 44px;
	height: 44px;

	border: 1px solid var(--mv-border);
	border-radius: 50%;

	background: #fffaf7;
	color: var(--mv-primary);

	text-decoration: none;

	transition:
		background-color .15s ease,
		border-color .15s ease,
		color .15s ease;
}

.ping-avatar.ping-avatar-chanzine i {
	display: block;

	color: inherit;

	font-size: 18px;
	line-height: 1;
}

.ping-avatar.ping-avatar-chanzine:hover {
	border-color: #c5bbb5;
	background: #f3efeb;
	color: var(--mv-primary);
}

.ping-username-chanzine {
	color: var(--mv-primary);

	font-weight: 700;
}

/* ==========================================================
   Report Modal
   ========================================================== */

.mv-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 24px;
}

.mv-modal[hidden] {
	display: none;
}

.mv-modal-backdrop {
	position: absolute;
	inset: 0;

	background: rgba(20, 18, 17, .78);
}

.mv-modal-dialog {
	position: relative;
	z-index: 1;

	width: 100%;
	max-width: 560px;

	overflow: hidden;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);

	box-shadow: none;
}

.mv-modal-header,
.mv-modal-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 16px 18px;
}

.mv-modal-header {
	border-bottom: 1px solid var(--mv-border);
	background: #fffaf7;
}

.mv-modal-header h3 {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0;

	color: var(--mv-text);

	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
}

.mv-modal-body {
	padding: 18px;
}

.mv-modal-footer {
	gap: 10px;
	justify-content: flex-end;

	border-top: 1px solid var(--mv-border);

	background: #fffaf7;
}

.mv-modal-close {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 32px;
	height: 32px;

	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;

	color: var(--mv-muted);

	font-size: 22px;
	line-height: 1;

	cursor: pointer;

	transition:
		background-color .15s ease,
		color .15s ease;
}

.mv-modal-close:hover {
	background: #f3efeb;
	color: var(--mv-text);
}

.report-help {
	margin: 0 0 16px;

	color: var(--mv-muted);

	font-size: 13px;
	line-height: 1.5;
}

.report-reasons {
	display: grid;
	gap: 8px;
}

.report-option {
	display: block;

	cursor: pointer;
}

.report-option input {
	display: none;
}

.report-option span {
	display: flex;
	align-items: center;
	gap: 12px;

	padding: 11px 13px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: #fff;

	color: var(--mv-text);

	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;

	transition:
		border-color .15s ease,
		background-color .15s ease,
		color .15s ease;
}

.report-option:hover span {
	border-color: #c5bbb5;

	background: #fffaf7;
}

.report-option input:checked + span {
	border-color: var(--mv-primary);

	background: #fff6f3;
	color: var(--mv-primary);

	font-weight: 650;
}

#report-description-group {
	margin-top: 16px;
}

#report-description {
	width: 100%;
	min-height: 110px;

	padding: 11px 12px;

	box-sizing: border-box;

	border: 1px solid var(--mv-border);
	border-radius: 0;
	outline: 0;

	background: #fff;
	color: var(--mv-text);

	font: inherit;
	font-size: 13px;
	line-height: 1.5;

	resize: vertical;
}

#report-description:focus {
	border-color: #c5bbb5;

	background: #fffdfb;

	box-shadow: none;
}

@media (max-width: 640px) {

	.mv-modal {
		padding: 14px;
	}

	.mv-modal-header,
	.mv-modal-body,
	.mv-modal-footer {
		padding: 14px;
	}

}

/* ==========================================================
   Ricerca Ping
   ========================================================== */

.ping-search {
	display: grid;
	gap: 10px;

	margin: 0 0 16px;
	padding: 14px;

	border: 1px solid var(--mv-border);
	border-radius: 0;

	background: var(--mv-surface);
}

.ping-search-field {
	position: relative;
}

.ping-search-field > i {
	position: absolute;
	top: 50%;
	left: 13px;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 14px;
	height: 14px;

	color: var(--mv-muted);

	font-size: 12px;
	line-height: 1;

	pointer-events: none;

	transform: translateY(-50%);
}

.ping-search-field input {
	display: block;

	width: 100%;
	height: 40px;

	margin: 0;
	padding: 0 12px 0 40px;

	box-sizing: border-box;

	border: 1px solid var(--mv-border);
	border-radius: 0;
	outline: 0;

	background: #fff;
	color: var(--mv-text);

	font: inherit;
	font-size: 13px;
	line-height: 40px;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.ping-search-field input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
}

.ping-search-field input[type="search"]::-webkit-search-decoration,
.ping-search-field input[type="search"]::-webkit-search-cancel-button,
.ping-search-field input[type="search"]::-webkit-search-results-button,
.ping-search-field input[type="search"]::-webkit-search-results-decoration {
	display: none;
	-webkit-appearance: none;
}

.ping-search-field input::placeholder {
	color: var(--mv-muted);
}

.ping-search-field input:focus {
	border-color: #c5bbb5;

	background: #fffdfb;

	box-shadow: none;
}

.ping-search > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;

	width: 100%;
	min-height: 36px;

	margin: 0;
	padding: 0 12px;

	border: 0;
	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;

	background: transparent;
	box-shadow: none;

	color: var(--mv-text);

	font: inherit;
	font-size: 13px;
	font-weight: 650;

	cursor: pointer;

	transition:
		background-color .15s ease,
		color .15s ease;
}

.ping-search > button:hover {
	background: #fffaf7;
	color: var(--mv-primary);
}

.ping-search > button:focus-visible {
	outline: 2px solid var(--mv-primary);
	outline-offset: 2px;
}