.ping-card {
	margin-bottom: 16px;
	padding: 16px;

	scroll-margin-top: 96px;

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);
}

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

.ping-card-doge-tip {
	border-color: #806d2c;

	background: var(--mv-terminal-panel);
}

.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: 5px 9px 5px 6px;

	border: 1px solid #806d2c;
	border-radius: var(--mv-radius);

	background: #171509;
	color: #e6d66a;

	font-size: 11px;
	font-weight: 750;
	line-height: 1;
	letter-spacing: .015em;
}

.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: #050806;

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

.ping-card-doge-tip .ping-content {
	padding: 11px 13px;

	border: 1px solid #5f5427;
	border-radius: var(--mv-radius);

	background: #100f08;
	color: #ddd19b;

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

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

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

/* ==========================================================
   Header / avatar
   ========================================================== */

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

	margin-bottom: 14px;
}

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

	flex: 0 0 48px;

	width: 48px;
	height: 48px;
	margin-right: 12px;

	overflow: hidden;

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);

	font-size: 22px;
}

.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;
}

.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: 9px;
}

.ping-author-name .mv-user-presence.is-online,
.ping-author-name .mv-user-presence.is-online i {
	color: var(--mv-terminal-bright) !important;
}

.ping-author-name .mv-user-presence.is-away,
.ping-author-name .mv-user-presence.is-away i {
	color: var(--mv-terminal-warning) !important;
}

.ping-author-name .mv-user-presence.is-offline,
.ping-author-name .mv-user-presence.is-offline i {
	color: var(--mv-terminal-dim) !important;
}

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

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

	font-weight: 700;
	text-decoration: none;
}

a.ping-username:hover {
	color: var(--mv-terminal-soft);
	text-decoration: underline;
}

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

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

	font-weight: 600;
	text-decoration: none;

	cursor: default;
}

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

.ping-avatar-static i {
	color: var(--mv-terminal-dim);
	font-size: 20px;
}

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

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

	color: var(--mv-terminal-dim);

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

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

	color: var(--mv-terminal-dim);

	font-size: 11px;
	opacity: 1;
}

.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: var(--mv-terminal-danger);
	font-weight: 600;
}

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

.ping-date {
	display: inline-block;

	color: var(--mv-terminal-dim);

	font-size: .85rem;
	text-decoration: none;
}

.ping-date:hover {
	color: var(--mv-terminal-bright);
	text-decoration: underline;
}

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

	background: var(--mv-terminal-bright);
	color: var(--mv-terminal-black);

	text-decoration: none;
}

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

.ping-username-chanzine {
	color: var(--mv-terminal-bright);
	font-weight: 700;
}

.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-content {
	color: var(--mv-terminal-soft);

	line-height: 1.6;
	word-break: break-word;
}

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

	max-width: 100%;

	overflow: hidden;

	color: var(--mv-terminal-bright);

	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

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

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

.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 14px;

	resize: vertical;

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);

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

	box-sizing: border-box;
}

.ping-editor textarea:focus,
.pong-editor textarea:focus {
	border-color: var(--mv-terminal-bright);

	box-shadow: none;
}

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

	margin-top: 10px;
}

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

	width: auto;
	min-width: 90px;
	margin: 0;
	padding: 9px 16px;

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

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);
}

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-bright);
}

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

	margin-left: 0;

	color: var(--mv-terminal-dim);

	font-size: 12px;
	white-space: nowrap;
}

.ping-edit-timer.warning {
	color: var(--mv-terminal-warning);
	font-weight: 600;
}

.ping-edit-timer.danger {
	color: var(--mv-terminal-danger);
	font-weight: 700;
}

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

.ping-composer {
	margin-bottom: 24px;
	padding: 16px;

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

	background: var(--mv-terminal-panel);

	transition: border-color .15s ease;
}

.ping-composer:focus-within {
	border-color: var(--mv-terminal-bright);

	box-shadow: none;
}

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

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

.ping-composer-body {
	flex: 1;

	min-width: 0;
}

.ping-composer-textarea {
	display: block;

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

	resize: none;
	overflow: hidden;

	border: 0;
	outline: 0;

	background: transparent;
	color: var(--mv-terminal-soft);

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

.ping-composer-textarea::placeholder {
	color: var(--mv-terminal-dim);
}

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

	margin-top: 8px;
}

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

	font-size: 12px;

	user-select: none;
}

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

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

	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: 7px 11px;

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

	background: var(--mv-terminal-black) !important;

	box-shadow: none;

	color: var(--mv-terminal-bright) !important;

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

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

	cursor: pointer;

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

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

	background: var(--mv-terminal-bright) !important;
	color: var(--mv-terminal-black) !important;

	filter: none;
}

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

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

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

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

	background: var(--mv-terminal-black);

	overflow: hidden;
}

.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-right: 1px solid var(--mv-border);
	border-radius: 0;

	background: transparent;
	color: var(--mv-terminal-dim);

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

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

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

.ping-feed-tab:last-child {
	border-right: 0;
}

.ping-feed-tab:hover {
	background: var(--mv-terminal-panel);

	color: var(--mv-terminal-soft);
	text-decoration: none;
}

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

	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	height: 2px;

	border-radius: 0;

	background: transparent;

	transform: none;
}

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

	color: var(--mv-terminal-dim);

	font-size: 12px;

	transition: color .15s ease;
}

.ping-feed-tab.is-active {
	background: var(--mv-terminal-panel);

	color: var(--mv-terminal-bright);
	font-weight: 800;
}

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

	transform: none;
}

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

/* 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: 0;
		left: 0;

		height: 2px;
	}

}

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

	margin-top: 12px;
}

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

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

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

	background: var(--mv-terminal-black);
}

.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-terminal-bright);

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

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

	padding: 3px 6px;

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);

	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-terminal-dim);

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

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

	padding: 9px 10px;

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);

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

	box-sizing: border-box;

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

.ping-audio-metadata-field input::placeholder,
.ping-audio-metadata-field textarea::placeholder {
	color: var(--mv-terminal-dim);
}

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

	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-black);

	box-shadow: none;
}

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

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

@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: 12px 13px;

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

	background: var(--mv-terminal-black);
}

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

	margin-bottom: 8px;
}

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

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

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

	color: var(--mv-terminal-bright);

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

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

	width: 100%;
	height: 8px;

	overflow: hidden;

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

	background: var(--mv-terminal-panel);
}

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

	background: var(--mv-terminal-bright);

	transition: width .18s ease;
}

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

	margin-top: 7px;

	color: var(--mv-terminal-dim);

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

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

	background:
		linear-gradient(
			90deg,
			var(--mv-terminal-bright) 0%,
			var(--mv-terminal-dim) 50%,
			var(--mv-terminal-bright) 100%
		);

	background-size: 200% 100%;

	animation: ping-upload-processing 1.1s linear infinite;
}

@keyframes ping-upload-processing {
	from {
		background-position: 200% 0;
	}

	to {
		background-position: 0 0;
	}
}

@media (max-width: 640px) {

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

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

}


/* ==========================================================
   Media preview
   ========================================================== */

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

	width: 100px;
	height: 100px;

	overflow: hidden;

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

	background: var(--mv-terminal-black);
}

.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-terminal-soft);
	text-align: center;

	box-sizing: border-box;
}

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

	color: var(--mv-terminal-bright);

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

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

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

	word-break: break-word;
}

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

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

	width: 24px;
	height: 24px;

	border: 1px solid var(--mv-terminal-danger);
	border-radius: 50%;

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-danger);

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

	cursor: pointer;

	opacity: 0;

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

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

.ping-media-preview-remove:hover {
	background: var(--mv-terminal-danger);
	color: var(--mv-terminal-black);
}


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

.ping-composer-media {
	position: relative;

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

.ping-composer-media.dragover {
	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-panel-alt);
}

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

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

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

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

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

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

	background: transparent;
	color: var(--mv-terminal-dim);

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

	cursor: pointer;

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

.ping-composer-attachments-toggle:hover,
.ping-composer-attachments-toggle[aria-expanded="true"],
.ping-code-toggle:hover,
.ping-code-toggle[aria-expanded="true"] {
	border-color: var(--mv-border);

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}

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


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

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

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

	background: var(--mv-terminal-black);
}

.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-terminal-dim);

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

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

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);

	font: inherit;
	font-size: 11px;
	font-weight: 600;

	cursor: pointer;
}

.ping-code-language:focus {
	outline: none;
	border-color: var(--mv-terminal-bright);

	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: var(--mv-radius);
	outline: none;

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);

	font-family: var(--mv-font-terminal);
	font-size: 12px;
	line-height: 1.55;

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

.ping-code-textarea:focus {
	border-color: var(--mv-terminal-bright);

	box-shadow: none;
}

.ping-code-textarea::placeholder {
	color: var(--mv-terminal-dim);
}

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

	color: var(--mv-terminal-dim);

	font-size: 10px;
	font-weight: 500;
	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: var(--mv-radius);

	background: var(--mv-terminal-black);
}

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

	min-height: 34px;
	padding: 0 12px;

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

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

	font-family: var(--mv-font-terminal);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .04em;
}

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

	margin: 0;
	padding: 13px 14px;

	overflow: auto;

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);

	font-family: var(--mv-font-terminal);
	font-size: 12px;
	line-height: 1.55;

	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;
}


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

.ping-composer-media {
	position: relative;

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

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

	background: var(--mv-terminal-black);

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

.ping-composer-media.dragover {
	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-panel-alt);
}

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

	margin-bottom: 12px;
}

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

	font-size: 14px;
}

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

	margin: 0 0 12px;
}

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

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

.ping-composer-media-error {
	padding: 9px 11px;

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

	background: #190909;
	color: #ff8c8c;

	font-size: 12px;
	font-weight: 600;
	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: 28px;
	height: 28px;
	margin: 0;
	padding: 0;

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

	background: transparent;
	color: var(--mv-terminal-dim);

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

	cursor: pointer;
}

.ping-composer-media-close:hover {
	border-color: var(--mv-border);

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-bright);
}

.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: var(--mv-radius);

	background: var(--mv-terminal-panel);

	cursor: pointer;
	text-align: center;
}

.ping-composer-dropzone:hover {
	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-panel-alt);
}

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

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

	color: var(--mv-terminal-bright);
	font-size: 28px;
}

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

	color: var(--mv-terminal-soft);

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

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

	font-size: 12px;
}


/* ==========================================================
   Alerts / flash messages
   ========================================================== */

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

	margin: 0 0 20px;
	padding: 12px 14px;

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

	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);

	font-size: 14px;
	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-color: var(--mv-terminal-bright);

	background: #07140c;
	color: var(--mv-terminal-soft);
}

.alert-warning {
	border-color: var(--mv-terminal-warning);

	background: #151307;
	color: var(--mv-terminal-warning);
}

.alert-danger {
	border-color: var(--mv-terminal-danger);

	background: #190909;
	color: #ff9292;
}

.alert-danger::before {
	content: "\f071";
	color: var(--mv-terminal-danger);
}


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

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

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

	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: 5px 7px;

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

	background: transparent;
	box-shadow: none;

	color: var(--mv-terminal-dim);

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

	text-decoration: none;

	cursor: pointer;

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

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

.ping-action:hover {
	border-color: var(--mv-border);

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}


/* 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: #050806;

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

.ping-doge-tip-action:hover {
	border-color: #806d2c;

	background: #171509;
	color: #e6d66a;
}

.ping-doge-tip-action:hover .ping-doge-tip-action-icon {
	background: #e6d66a;
	color: #050806;
}


/* ==========================================================
   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: 34px;
	height: 34px;
	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 {
	border-color: var(--mv-border);

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}

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

	width: 220px;
	padding: 6px;

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

	background: var(--mv-terminal-panel);

	box-shadow: none;
}

.ping-more-form {
	display: block;
	margin: 0;
}

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

	width: 100%;
	min-height: 38px;
	margin: 0;
	padding: 8px 10px;

	border: 0;
	border-radius: var(--mv-radius);

	background: transparent;
	box-shadow: none;

	color: var(--mv-terminal-soft);

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

	cursor: pointer;
}

.ping-more-action:hover,
.ping-more-action:focus-visible {
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);

	outline: 0;
}

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

	width: 18px;

	color: var(--mv-terminal-dim);

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

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

.ping-more-danger,
.ping-more-danger i {
	color: var(--mv-terminal-danger);
}

.ping-more-danger:hover,
.ping-more-danger:focus-visible {
	background: #190909;
	color: #ff9292;
}

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

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

.ping-more-timer {
	display: block;

	margin: -2px 10px 6px 38px;

	color: var(--mv-terminal-dim);

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

	white-space: normal;
}

.ping-save-form {
	display: contents;
	margin: 0;
}

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

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

.ping-save-button.active {
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}

.ping-save-button.active:hover {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
}


/* ==========================================================
   Votes
   ========================================================== */

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

	flex: 0 0 auto;

	margin-left: auto;
	padding: 2px;

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

	background: var(--mv-terminal-black);
}

.ping-votes form {
	display: contents;
	margin: 0;
}

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

	flex: 0 0 30px;

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

	border: 0;
	border-radius: var(--mv-radius);

	background: transparent;
	box-shadow: none;

	color: var(--mv-terminal-dim);

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

	cursor: pointer;

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

.ping-vote:hover {
	background: var(--mv-terminal-panel);
}

.ping-vote-up:hover {
	color: var(--mv-terminal-bright);
}

.ping-vote-down:hover {
	color: var(--mv-terminal-danger);
}

.ping-vote.active {
	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-bright);
}

.ping-vote.active:hover {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
}

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

	min-width: 32px;
	height: 30px;
	padding: 0 6px;

	color: var(--mv-terminal-soft);

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

.ping-content .mention,
.pong-content .mention {
	color: var(--mv-terminal-bright);

	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: 176px minmax(0, 1fr);

	margin-top: 14px;

	overflow: hidden;

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

	background: var(--mv-terminal-black);

	color: inherit;
	text-decoration: none;

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

.ping-link-preview:hover {
	border-color: var(--mv-terminal-bright);

	background: var(--mv-terminal-panel-alt);

	box-shadow: none;
	transform: none;

	text-decoration: none;
}

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

	display: block;

	width: 176px;
	min-height: 128px;

	overflow: hidden;

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

	background: var(--mv-terminal-panel);
}

.ping-link-image {
	display: block;

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

	object-fit: cover;

	transition: transform .2s ease;
}

.ping-link-preview:hover .ping-link-image {
	transform: scale(1.015);
}

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

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

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

	color: #fff;

	font-size: 34px;
	text-shadow: none;

	transition: background .2s ease;
}

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

.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: 7px;

	margin-bottom: 6px;

	color: var(--mv-terminal-bright);

	font-size: 11px;
	font-weight: 700;
	letter-spacing: .045em;
	line-height: 1.2;
	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-terminal-soft);

	font-size: 16px;
	font-weight: 650;
	line-height: 1.35;

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

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

	margin: 0;

	overflow: hidden;

	color: var(--mv-terminal-dim);

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

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


/* ==========================================================
   Link Preview — Mobile
   ========================================================== */

@media (max-width: 640px) {

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

	.ping-link-image-wrapper {
		width: 112px;
		min-height: 104px;
	}

	.ping-link-image {
		min-height: 104px;
	}

	.ping-link-body {
		padding: 10px 11px;
	}

	.ping-link-site {
		margin-bottom: 4px;

		font-size: 9px;
	}

	.ping-link-title {
		margin-bottom: 3px;

		font-size: 13px;
	}

	.ping-link-description {
		font-size: 11px;

		-webkit-line-clamp: 2;
	}

}

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

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

	overflow: hidden;

	border: 1px solid #dfe3e6;
	border-radius: 8px;
	background: #fff;

	color: #24292f;
}

/* Header GitHub */

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

	padding: 10px 13px;

	border-bottom: 1px solid #e7eaed;
	background: #f6f8fa;

	color: #24292f;
	text-decoration: none;

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

.ping-github-header:hover {
	background: #f1f3f5;
	color: var(--mv-primary);
	text-decoration: none;
}

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

	min-width: 0;

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

.ping-github-provider .fa-github {
	font-size: 17px;
	color: #24292f;
}

.ping-github-provider span {
	color: #4f565d;
}

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

	padding: 4px 6px;

	border-radius: 5px;
	background: rgba(66, 185, 146, .11);

	color: var(--mv-primary);

	font-size: 10px;
	font-weight: 700;
	letter-spacing: .045em;
	line-height: 1;
}

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

	color: #7a8289;
	font-size: 11px;
}

/* Repository */

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

	min-width: 0;
	padding: 11px 13px;

	border-bottom: 1px solid #edf0f2;

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

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

	color: #656d76;
	font-size: 12px;
}

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

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

	color: #24292f;
	font-weight: 650;
}

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

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

	color: #6e7781;
	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;
	font-size: 11px;
}

/* 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: 9px 13px;

	border-bottom: 1px solid #dfe3e6;
	background: #fbfcfd;
}

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

	min-width: 0;

	color: #3e454c;
	font-size: 12px;
	font-weight: 600;
}

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

	color: #687078;
	font-size: 12px;
}

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

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

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

	padding: 3px 6px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #fff;

	color: #6b737a;

	font-family:
		ui-monospace,
		SFMono-Regular,
		Menlo,
		Monaco,
		Consolas,
		"Liberation Mono",
		monospace;
	font-size: 10px;
	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: 12px;
	line-height: 1.55;

	tab-size: 4;
}

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

	min-width: max-content;
}

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

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

	padding: 2px 12px 2px 8px;

	border-right: 1px solid #edf0f2;

	color: #8c959f;
	text-align: right;

	user-select: none;
}

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

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

	background: transparent;
	border: 0;

	color: #24292f;

	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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-commit-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

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

.ping-github-commit-author span {
	color: #7a8289;

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

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

	padding: 4px 7px;

	border: 1px solid #dfe3e6;
	border-radius: 6px;
	background: #fff;

	color: #656d76;

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

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


/* Messaggio commit */

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

	border-bottom: 1px solid #edf0f2;

	color: #24292f;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	font-size: 11px;
	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: #656d76;
}

.ping-github-commit-stats .is-additions {
	color: #1a7f37;
}

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


/* File modificati */

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

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

	border-bottom: 1px solid #edf0f2;
}

.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: 9px 13px;

	background: #fff;
}

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

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

	color: #3e454c;

	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: #1a7f37;
}

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


/* Diff */

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

	overflow: auto;

	border-top: 1px solid #edf0f2;
	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;

	background: transparent;
	border: 0;

	color: #24292f;

	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: #ddf4ff;
}

.ping-github-commit-diff-line.is-hunk code {
	color: #0969da;
	font-weight: 600;
}


/* Aggiunte */

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

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


/* Rimozioni */

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

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


/* Hover */

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

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

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


/* 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;
}

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

	padding: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-pr-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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

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

	padding: 4px 7px;

	border-radius: 999px;

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

.ping-github-pr-state.is-open {
	background: #dafbe1;
	color: #1a7f37;
}

.ping-github-pr-state.is-merged {
	background: #f0e6ff;
	color: #8250df;
}

.ping-github-pr-state.is-closed {
	background: #ffebe9;
	color: #cf222e;
}

.ping-github-pr-state.is-draft {
	background: #f1f3f4;
	color: #656d76;
}


/* Titolo */

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

	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	color: #6e7781;

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

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

	color: #24292f;

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


/* Branch */

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
}

.ping-github-pr-branches code {
	padding: 3px 6px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #fff;

	color: #3e454c;

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

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


/* Label */

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

	padding: 9px 13px 0;
}

.ping-github-pr-labels span {
	padding: 4px 7px;

	border-radius: 999px;
	background: #f1f3f4;

	color: #4f565d;

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


/* Body */

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

	overflow: auto;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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: #1a7f37;
}

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


/* File */

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

	max-height: 620px;

	overflow: auto;
}

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

	border-bottom: 1px solid #edf0f2;
}

.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: 9px 13px;

	background: #fff;
}

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

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

	color: #3e454c;

	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: #1a7f37;
}

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


/* 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;
}

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

	padding: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-issue-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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


/* Stato */

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

	padding: 4px 7px;

	border-radius: 999px;

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

.ping-github-issue-state.is-open {
	background: #dafbe1;
	color: #1a7f37;
}

.ping-github-issue-state.is-closed {
	background: #ffebe9;
	color: #cf222e;
}


/* Titolo */

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

	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	color: #6e7781;

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

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

	color: #24292f;

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


/* Labels */

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

	padding: 9px 13px 0;
}

.ping-github-issue-labels span {
	padding: 4px 7px;

	border-radius: 999px;
	background: #f1f3f4;

	color: #4f565d;

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


/* Body */

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

	overflow: auto;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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 #edf0f2;
	background: #fbfcfd;
}

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

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

	border-bottom: 1px solid #edf0f2;
}

.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: #7a8289;

	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .025em;
}

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

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

	color: #3e454c;

	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: 9px 13px;

	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-release-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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


/* Stato */

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

	padding: 4px 7px;

	border-radius: 999px;

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

.ping-github-release-state.is-stable {
	background: #dafbe1;
	color: #1a7f37;
}

.ping-github-release-state.is-prerelease {
	background: #fff8c5;
	color: #9a6700;
}

.ping-github-release-state.is-draft {
	background: #f1f3f4;
	color: #656d76;
}


/* Titolo / tag */

.ping-github-release-title {
	display: flex;
	align-items: center;
	gap: 11px;

	min-width: 0;
	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	flex: 0 0 36px;
	width: 36px;
	height: 36px;

	border-radius: 9px;
	background: rgba(66, 185, 146, .10);

	color: var(--mv-primary);

	font-size: 15px;
}

.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: #24292f;

	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: 3px 6px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #f6f8fa;

	color: #656d76;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

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

.ping-github-release-target > i {
	color: #656d76;
}

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

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

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

	padding: 3px 6px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #fff;

	color: #3e454c;

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

	font-size: 10px;
}


/* Changelog */

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

	overflow: auto;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #3e454c;

	font-size: 11px;
}

.ping-github-release-assets-heading > i {
	color: #656d76;
}

.ping-github-release-assets-heading strong {
	font-weight: 700;
}

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

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

	border-radius: 999px;
	background: #f1f3f4;

	color: #656d76;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
}

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

.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: #656d76;

	font-size: 12px;
}

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

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

	color: #3e454c;

	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: #7a8289;

	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-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: 20px;
	}

}

/* ==========================================================
   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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-repository-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

	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: 4px 7px;

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

	border: 1px solid #dfe3e6;
	border-radius: 6px;
	background: #fff;

	color: #656d76;

	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: 11px;

	min-width: 0;
	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	flex: 0 0 36px;
	width: 36px;
	height: 36px;

	border-radius: 9px;
	background: rgba(66, 185, 146, .10);

	color: var(--mv-primary);

	font-size: 15px;
}

.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: #24292f;

	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: 5px 0 0;

	color: #646b72;

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


/* Statistiche */

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	font-weight: 700;
	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

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

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

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

	color: #656d76;
}

.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: #7a8289;
	font-size: 10px;
}


/* README */

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

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #3e454c;

	font-size: 11px;
}

.ping-github-repository-readme-heading i {
	color: #656d76;
	font-size: 13px;
}

.ping-github-repository-readme-heading strong {
	font-weight: 700;
}

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

	overflow: auto;

	background: #fff;

	color: #3e454c;

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

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

	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: 9px;
	}

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

		font-size: 13px;
	}

	.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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-discussion-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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


/* Stato */

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

	padding: 4px 7px;

	border-radius: 999px;

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

.ping-github-discussion-state.is-open {
	background: #dafbe1;
	color: #1a7f37;
}

.ping-github-discussion-state.is-closed {
	background: #ffebe9;
	color: #cf222e;
}


/* Titolo */

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

	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	color: #6e7781;

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

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

	color: #24292f;

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


/* Categoria */

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

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

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

.ping-github-discussion-category strong {
	color: #4f565d;

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


/* Body */

.ping-github-discussion-body {
	max-height: 260px;
	padding: 13px;

	overflow: auto;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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: #9a6700;
}


/* Accepted answer */

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

	border-top: 1px solid #d8eadf;
	background: #f6fff8;
}

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

	padding: 9px 13px;

	border-bottom: 1px solid #d8eadf;

	color: #1a7f37;

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

.ping-github-discussion-answer-heading > i {
	flex: 0 0 auto;

	font-size: 13px;
}

.ping-github-discussion-answer-heading strong {
	font-weight: 750;
}

.ping-github-discussion-answer-heading span {
	margin-left: auto;

	color: #5b6b60;

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

.ping-github-discussion-answer-body {
	max-height: 220px;
	padding: 13px;

	overflow: auto;

	color: #31543d;

	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: 9px 13px;

	border-top: 1px solid #d8eadf;

	color: #1a7f37;

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

.ping-github-discussion-answer-link:hover {
	background: #effbf3;
	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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-gist-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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


/* Stato */

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

	padding: 4px 7px;

	border-radius: 999px;
	background: #dafbe1;

	color: #1a7f37;

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


/* Descrizione */

.ping-github-gist-description {
	padding: 13px;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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 #edf0f2;
}

.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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #656d76;

	font-size: 12px;
}

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

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

	color: #3e454c;

	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: #7a8289;

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

.ping-github-gist-file-meta span {
	display: inline-flex;
	align-items: center;

	padding: 3px 5px;

	border: 1px solid #e1e5e8;
	border-radius: 5px;
	background: #fff;
}


/* Code viewer */

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

	margin: 0;
	padding: 13px;

	overflow: auto;

	background: #fff;

	color: #24292f;

	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 13px;

	border-top: 1px solid #edf0f2;
	background: #fff8c5;

	color: #7d5b00;

	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: 10px 13px;

	border-top: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #3e454c;

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

.ping-github-gist-link:hover {
	background: #f6f8fa;
	color: var(--mv-primary);
}

.ping-github-gist-link i {
	flex: 0 0 auto;

	color: #7a8289;
	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: 19px;
	}

	.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 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #656d76;
	font-size: 12px;
}

.ping-github-tree-heading strong {
	min-width: 0;

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

	color: #24292f;

	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: 4px 7px;

	border: 1px solid #dfe3e6;
	border-radius: 6px;
	background: #fff;

	color: #656d76;

	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 13px;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

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

	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;

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

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

	color: #656d76;
	font-size: 12px;
}


/* Statistiche */

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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 13px;

	border-bottom: 1px solid #edf0f2;
}

.ping-github-tree-item:last-child {
	border-bottom: 0;
}

.ping-github-tree-item:hover {
	background: #f6f8fa;
}

.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: #656d76;
	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: #3e454c;

	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: #7a8289;

	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 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #656d76;
	font-size: 12px;
}

.ping-github-compare-heading strong {
	min-width: 0;

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

	color: #24292f;

	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: 4px 7px;

	border-radius: 999px;
	background: #dafbe1;

	color: #1a7f37;

	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: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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 #edf0f2;
	background: #fff;
}

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

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

	border-bottom: 1px solid #edf0f2;
}

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

.ping-github-compare-commit:hover {
	background: #f6f8fa;
}

.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: 3px 5px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #f6f8fa;

	color: #656d76;

	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: #3e454c;

	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: #7a8289;

	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 13px;

	border-bottom: 1px solid #edf0f2;
}

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

.ping-github-compare-file:hover {
	background: #f6f8fa;
}

.ping-github-compare-file > strong {
	min-width: 0;

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

	color: #3e454c;

	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: 3px 5px;

	border: 1px solid #dfe3e6;
	border-radius: 5px;
	background: #f6f8fa;

	color: #656d76;
}

.ping-github-compare-file > div span:nth-last-child(2) {
	color: #1a7f37;
}

.ping-github-compare-file > div span:last-child {
	color: #cf222e;
}


/* 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: 52px;
	}

	.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 #dfe3e6;
	background: #fff;
}


/* Header */

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

	padding: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-comment-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

	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: 4px 7px;

	border-radius: 999px;
	background: rgba(66, 185, 146, .11);

	color: var(--mv-primary);

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


/* Association */

.ping-github-comment-association {
	padding: 7px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

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


/* Body */

.ping-github-comment-body {
	max-height: 260px;
	padding: 13px;

	overflow: auto;

	border-bottom: 1px solid #edf0f2;

	color: #3e454c;

	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: 10px 13px;

	background: #fbfcfd;

	color: #3e454c;

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

.ping-github-comment-link:hover {
	background: #f6f8fa;
	color: var(--mv-primary);
}

.ping-github-comment-link i {
	flex: 0 0 auto;

	color: #7a8289;
	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: 12px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;
}

.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: #f1f3f4;

	color: #656d76;

	object-fit: cover;
}

.ping-github-workflow-avatar-fallback {
	border: 1px solid #e1e5e8;
	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: #24292f;

	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: #7a8289;

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


/* Stato */

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

	padding: 4px 7px;

	border-radius: 999px;
	background: #dafbe1;

	color: #1a7f37;

	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: 11px;

	min-width: 0;
	padding: 13px;

	border-bottom: 1px solid #edf0f2;
}

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

	flex: 0 0 36px;
	width: 36px;
	height: 36px;

	border-radius: 9px;
	background: rgba(66, 185, 146, .10);

	color: var(--mv-primary);

	font-size: 15px;
}

.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: #24292f;

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

.ping-github-workflow-title span {
	color: #646b72;

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

	overflow-wrap: anywhere;
}


/* Meta */

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

	padding: 9px 13px;

	border-bottom: 1px solid #edf0f2;
	background: #fbfcfd;

	color: #656d76;

	font-size: 11px;
	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: 13px;

	border-bottom: 1px solid #edf0f2;

	background: #fff;
}

.ping-github-workflow-commit strong {
	color: #3e454c;

	font-size: 12px;
	font-weight: 650;
	line-height: 1.45;

	overflow-wrap: anywhere;
}

.ping-github-workflow-commit span {
	color: #7a8289;

	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: 10px 13px;

	background: #fbfcfd;

	color: #3e454c;

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

.ping-github-workflow-link:hover {
	background: #f6f8fa;
	color: var(--mv-primary);
}

.ping-github-workflow-link i {
	flex: 0 0 auto;

	color: #7a8289;
	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: 9px;
	}

	.ping-github-workflow-title > i {
		flex-basis: 32px;
		width: 32px;
		height: 32px;

		font-size: 13px;
	}

	.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: 14px;

	color: inherit;
	text-decoration: none;
}

.ping-github-fallback:hover {
	background: #fbfcfc;
	text-decoration: none;
}

.ping-github-fallback strong {
	display: block;

	color: #24292f;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.35;
}

.ping-github-fallback p {
	display: -webkit-box;

	margin: 6px 0 0;

	color: #646b72;
	font-size: 13px;
	line-height: 1.45;

	-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 {
		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;
	}

}

.ping-github-preview {
	border-color: var(--mv-border);
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);
}

.ping-github-header,
.ping-github-file-heading,
.ping-github-commit-heading,
.ping-github-commit-stats,
.ping-github-pr-heading,
.ping-github-pr-branches,
.ping-github-pr-stats,
.ping-github-issue-heading,
.ping-github-issue-meta,
.ping-github-issue-stats,
.ping-github-release-heading,
.ping-github-release-target,
.ping-github-release-assets-heading,
.ping-github-repository-heading,
.ping-github-repository-stats,
.ping-github-repository-readme-heading,
.ping-github-discussion-heading,
.ping-github-discussion-category,
.ping-github-discussion-stats,
.ping-github-gist-heading,
.ping-github-gist-stats,
.ping-github-gist-file-heading,
.ping-github-gist-link,
.ping-github-tree-heading,
.ping-github-tree-stats,
.ping-github-compare-heading,
.ping-github-compare-stats,
.ping-github-comment-heading,
.ping-github-comment-association,
.ping-github-comment-link,
.ping-github-workflow-heading,
.ping-github-workflow-meta,
.ping-github-workflow-link {
	background: var(--mv-terminal-panel);
	border-color: var(--mv-border);
}

.ping-github-repository,
.ping-github-file,
.ping-github-code,
.ping-github-commit-message,
.ping-github-commit-files,
.ping-github-commit-file-heading,
.ping-github-commit-diff,
.ping-github-pr-title,
.ping-github-pr-body,
.ping-github-pr-files,
.ping-github-pr-file-heading,
.ping-github-issue-title,
.ping-github-issue-body,
.ping-github-release-title,
.ping-github-release-body,
.ping-github-release-assets,
.ping-github-release-asset,
.ping-github-repository-title,
.ping-github-repository-homepage,
.ping-github-repository-readme pre,
.ping-github-discussion-title,
.ping-github-discussion-body,
.ping-github-gist-description,
.ping-github-gist-files,
.ping-github-gist-code,
.ping-github-tree-path,
.ping-github-tree-items,
.ping-github-tree-item,
.ping-github-compare-commits,
.ping-github-compare-commit,
.ping-github-compare-files,
.ping-github-compare-file,
.ping-github-comment,
.ping-github-comment-body,
.ping-github-workflow-title,
.ping-github-workflow-commit,
.ping-github-fallback {
	background: var(--mv-terminal-black);
	border-color: var(--mv-border);
	color: var(--mv-terminal-soft);
}

.ping-github-repository,
.ping-github-file-heading,
.ping-github-commit-heading,
.ping-github-commit-message,
.ping-github-commit-stats,
.ping-github-commit-file,
.ping-github-commit-diff,
.ping-github-pr-heading,
.ping-github-pr-title,
.ping-github-pr-branches,
.ping-github-pr-body,
.ping-github-pr-stats,
.ping-github-pr-file,
.ping-github-issue-heading,
.ping-github-issue-title,
.ping-github-issue-body,
.ping-github-issue-meta,
.ping-github-issue-meta > div,
.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,
.ping-github-repository-heading,
.ping-github-repository-title,
.ping-github-repository-stats,
.ping-github-repository-homepage,
.ping-github-repository-readme-heading,
.ping-github-discussion-heading,
.ping-github-discussion-title,
.ping-github-discussion-category,
.ping-github-discussion-body,
.ping-github-discussion-stats,
.ping-github-gist-heading,
.ping-github-gist-description,
.ping-github-gist-stats,
.ping-github-gist-file,
.ping-github-gist-file-heading,
.ping-github-gist-truncated,
.ping-github-gist-link,
.ping-github-tree-heading,
.ping-github-tree-path,
.ping-github-tree-stats,
.ping-github-tree-item,
.ping-github-compare-heading,
.ping-github-compare-stats,
.ping-github-compare-commits,
.ping-github-compare-commit,
.ping-github-compare-file,
.ping-github-comment,
.ping-github-comment-heading,
.ping-github-comment-association,
.ping-github-comment-body,
.ping-github-workflow-heading,
.ping-github-workflow-title,
.ping-github-workflow-meta,
.ping-github-workflow-commit {
	border-color: var(--mv-border);
}

.ping-github-header,
.ping-github-repository strong,
.ping-github-file-path,
.ping-github-code-line code,
.ping-github-commit-author strong,
.ping-github-commit-message,
.ping-github-commit-file-name,
.ping-github-pr-author a,
.ping-github-pr-author strong,
.ping-github-pr-title strong,
.ping-github-pr-body,
.ping-github-issue-author a,
.ping-github-issue-author strong,
.ping-github-issue-title strong,
.ping-github-issue-body,
.ping-github-issue-meta strong,
.ping-github-issue-meta a,
.ping-github-release-author a,
.ping-github-release-author strong,
.ping-github-release-title strong,
.ping-github-release-body,
.ping-github-release-asset a,
.ping-github-release-asset strong,
.ping-github-repository-owner a,
.ping-github-repository-owner strong,
.ping-github-repository-title a,
.ping-github-repository-title p,
.ping-github-repository-homepage,
.ping-github-repository-readme pre,
.ping-github-discussion-author a,
.ping-github-discussion-author strong,
.ping-github-discussion-title strong,
.ping-github-discussion-category strong,
.ping-github-discussion-body,
.ping-github-gist-author a,
.ping-github-gist-author strong,
.ping-github-gist-description,
.ping-github-gist-file-name strong,
.ping-github-gist-code,
.ping-github-tree-heading strong,
.ping-github-tree-path,
.ping-github-tree-item a,
.ping-github-tree-item strong,
.ping-github-compare-heading strong,
.ping-github-compare-commit a,
.ping-github-compare-commit strong,
.ping-github-compare-file > strong,
.ping-github-comment-author a,
.ping-github-comment-author strong,
.ping-github-comment-body,
.ping-github-comment-link,
.ping-github-workflow-actor a,
.ping-github-workflow-actor strong,
.ping-github-workflow-title strong,
.ping-github-workflow-title span,
.ping-github-workflow-commit strong,
.ping-github-workflow-link,
.ping-github-fallback strong,
.ping-github-fallback p {
	color: var(--mv-terminal-soft);
}

.ping-github-provider span,
.ping-github-header > .fa-arrow-up-right-from-square,
.ping-github-repository > i,
.ping-github-repository span,
.ping-github-file-path i,
.ping-github-line-number,
.ping-github-commit-author span,
.ping-github-pr-author span,
.ping-github-pr-title span,
.ping-github-pr-branches,
.ping-github-pr-stats,
.ping-github-issue-author span,
.ping-github-issue-title span,
.ping-github-issue-meta > div > span,
.ping-github-issue-stats,
.ping-github-release-author span,
.ping-github-release-target,
.ping-github-release-asset-meta,
.ping-github-repository-owner span,
.ping-github-repository-stats,
.ping-github-discussion-author span,
.ping-github-discussion-title span,
.ping-github-discussion-stats,
.ping-github-gist-author span,
.ping-github-gist-stats,
.ping-github-gist-file-meta,
.ping-github-tree-stats,
.ping-github-tree-item > span,
.ping-github-compare-stats,
.ping-github-compare-commit > span,
.ping-github-comment-association,
.ping-github-workflow-actor span,
.ping-github-workflow-meta,
.ping-github-workflow-commit span {
	color: var(--mv-terminal-dim);
}

.ping-github-lines,
.ping-github-commit-sha,
.ping-github-pr-branches code,
.ping-github-release-title code,
.ping-github-release-target code,
.ping-github-repository-branch,
.ping-github-gist-file-meta span,
.ping-github-tree-heading > span,
.ping-github-compare-commit code,
.ping-github-compare-file > div span:first-child {
	border-color: var(--mv-border);
	background: var(--mv-terminal-panel);
	color: var(--mv-terminal-soft);
}

.ping-github-repository span,
.ping-github-lines,
.ping-github-code,
.ping-github-commit-sha,
.ping-github-commit-file-name,
.ping-github-commit-diff,
.ping-github-pr-branches code,
.ping-github-release-title code,
.ping-github-release-target code,
.ping-github-release-asset a,
.ping-github-release-asset strong,
.ping-github-repository-branch,
.ping-github-repository-readme pre,
.ping-github-gist-file-name strong,
.ping-github-gist-code,
.ping-github-tree-heading strong,
.ping-github-tree-path,
.ping-github-tree-item a,
.ping-github-tree-item strong,
.ping-github-compare-heading strong,
.ping-github-compare-commit code,
.ping-github-compare-file > strong,
.ping-github-workflow-meta span:nth-child(3) {
	font-family: var(--mv-font-terminal);
}

.ping-github-header:hover,
.ping-github-repository-homepage:hover,
.ping-github-gist-link:hover,
.ping-github-tree-item:hover,
.ping-github-compare-commit:hover,
.ping-github-compare-file:hover,
.ping-github-comment-link:hover,
.ping-github-workflow-link:hover,
.ping-github-fallback:hover,
.ping-github-code-line:hover {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
}

.ping-github-preview a:hover,
.ping-github-header:hover,
.ping-github-pr-author a:hover,
.ping-github-issue-author a:hover,
.ping-github-issue-meta a:hover,
.ping-github-release-author a:hover,
.ping-github-release-asset a:hover,
.ping-github-repository-owner a:hover,
.ping-github-repository-title a:hover,
.ping-github-repository-homepage:hover,
.ping-github-discussion-author a:hover,
.ping-github-gist-author a:hover,
.ping-github-tree-item a:hover,
.ping-github-compare-commit a:hover,
.ping-github-comment-author a:hover,
.ping-github-workflow-actor a:hover {
	color: var(--mv-terminal-bright);
}

.ping-github-provider strong,
.ping-github-pr-state.is-open,
.ping-github-issue-state.is-open,
.ping-github-release-state.is-stable,
.ping-github-discussion-state.is-open,
.ping-github-gist-state,
.ping-github-compare-heading > span,
.ping-github-comment-label,
.ping-github-workflow-state {
	background: #0b2415;
	color: var(--mv-terminal-bright);
}

.ping-github-pr-state.is-closed,
.ping-github-issue-state.is-closed,
.ping-github-discussion-state.is-closed {
	background: #250d0d;
	color: var(--mv-terminal-danger);
}

.ping-github-pr-state.is-draft,
.ping-github-release-state.is-draft {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-dim);
}

.ping-github-pr-state.is-merged {
	background: #171225;
	color: #c7a8ff;
}

.ping-github-release-state.is-prerelease {
	background: #211d08;
	color: var(--mv-terminal-warning);
}

.ping-github-commit-avatar-fallback,
.ping-github-pr-avatar-fallback,
.ping-github-issue-avatar-fallback,
.ping-github-release-avatar-fallback,
.ping-github-repository-avatar-fallback,
.ping-github-discussion-avatar-fallback,
.ping-github-gist-avatar-fallback,
.ping-github-comment-avatar-fallback,
.ping-github-workflow-avatar-fallback {
	border-color: var(--mv-border);
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-dim);
}

.ping-github-commit-diff-line.is-context {
	background: var(--mv-terminal-black);
}

.ping-github-commit-diff-line.is-context:hover {
	background: var(--mv-terminal-panel-alt);
}

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

.ping-github-commit-diff-line.is-hunk code {
	color: #72b7e8;
}

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

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

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

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

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

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

.ping-github-discussion-answer {
	border-color: var(--mv-border);
	background: #07140c;
}

.ping-github-discussion-answer-heading,
.ping-github-discussion-answer-link {
	border-color: var(--mv-border);
	color: var(--mv-terminal-bright);
}

.ping-github-discussion-answer-heading span,
.ping-github-discussion-answer-body {
	color: var(--mv-terminal-soft);
}

.ping-github-discussion-answer-link:hover {
	background: #0b2415;
	color: var(--mv-terminal-bright);
}

.ping-github-gist-truncated {
	border-color: var(--mv-border);
	background: #211d08;
	color: var(--mv-terminal-warning);
}

/* ==========================================================
   Dogecoin Tip Pong
   ========================================================== */

.pong-doge-tip {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0;
	padding: 9px 11px;

	border: 1px solid #eadcab;
	border-radius: 8px;

	background:
		linear-gradient(
			135deg,
			#fffaf0 0%,
			#fffdf8 100%
		);

	color: #4a4025;
}

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

	flex: 0 0 30px;
	width: 30px;
	height: 30px;

	border-radius: 50%;

	background: #c9a633;
	color: #fff;

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

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

.pong-doge-tip-info {
	display: flex;
	flex-direction: column;
	gap: 3px;

	min-width: 0;
}

.pong-doge-tip-label {
	color: #8a742e;

	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: 9px;
	padding: 9px 11px 1px;

	border-top: 1px solid #eee6cf;

	color: #343434;

	font-size: 14px;
	line-height: 1.55;
}


/* Mobile */

@media (max-width: 640px) {

	.pong-doge-tip {
		align-items: flex-start;

		padding: 9px 10px;
	}

	.pong-doge-tip-icon {
		flex-basis: 28px;
		width: 28px;
		height: 28px;

		font-size: 18px;
	}

	.pong-doge-tip-value {
		font-size: 12px;
	}

	.pong-doge-tip-value strong {
		font-size: 13px;
	}

}

/* ==========================================================
   Pong
   ========================================================== */

.pong-card {
	margin: 0 0 16px 60px;
	padding: 14px 16px;

	border: 1px solid var(--mv-border);
	border-radius: 8px;
	background: var(--mv-terminal-panel);
}

.pong-card:last-child {
	margin-bottom: 0;
}

.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: 8px;
	background: var(--mv-terminal-panel-alt);

	color: var(--mv-terminal-dim);
	font-size: 18px;
	text-decoration: none;
}

.pong-avatar img {
	display: block;
	width: 100%;
	height: 100%;

	border-radius: 8px;
	object-fit: cover;
}

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

.pong-avatar-static i {
	color: var(--mv-terminal-dim);
	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: var(--mv-terminal-bright) !important;
}

.pong-author-name .mv-user-presence.is-away,
.pong-author-name .mv-user-presence.is-away i {
	color: var(--mv-terminal-warning) !important;
}

.pong-author-name .mv-user-presence.is-offline,
.pong-author-name .mv-user-presence.is-offline i {
	color: var(--mv-terminal-dim) !important;
}

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

.pong-username {
	color: var(--mv-terminal-bright);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

a.pong-username:hover {
	color: var(--mv-terminal-soft);
}

.pong-username-static {
	color: var(--mv-terminal-soft);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: default;
	text-decoration: none;
}

.pong-username-missing {
	color: var(--mv-terminal-danger);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.pong-author-status {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;

	margin: 2px 0 0;

	color: var(--mv-terminal-dim);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.25;
}

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

	color: var(--mv-terminal-dim);
	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-terminal-dim);
	font-size: 10px;
	line-height: 1.2;
}

.pong-content {
	color: var(--mv-terminal-soft);
	line-height: 1.6;
	word-break: break-word;
}

/* ==========================================================
   Media
   ========================================================== */

.ping-media {
	display: grid;
	gap: 8px;
	margin-top: 12px;

	width: 100%;
	aspect-ratio: 16 / 10;
}

/* 1 immagine */

.ping-layout-1 {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	aspect-ratio: 16 / 9;
}

/* 2 immagini */

.ping-layout-2 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
}

/* 3 immagini */

.ping-layout-3 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.ping-layout-3 .ping-media-item:first-child {
	grid-column: 1 / -1;
}

/* 4 immagini */

.ping-layout-4 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

/* 5 immagini */

.ping-layout-5 {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.ping-layout-5 .ping-media-item:first-child {
	grid-column: 1 / -1;
}

/* 6 immagini */

.ping-layout-6 {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

/* 7 immagini */

.ping-layout-7 {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
}

.ping-layout-7 .ping-media-item:first-child {
	grid-column: span 2;
	grid-row: span 3;
}

/* 8 immagini */

.ping-layout-8 {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

/* 9 immagini */

.ping-layout-9 {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
}

/* 10 immagini */

.ping-layout-10 {
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.ping-layout-10 .ping-media-item:first-child {
	grid-column: span 2;
	grid-row: span 2;
}

.ping-media-item {
	position: relative;
	min-width: 0;
	min-height: 0;

	overflow: hidden;
	border-radius: 8px;
	background: var(--mv-terminal-panel-alt);
}

.ping-media-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Galleria immagini Ping */

.ping-media {
	display: grid;
	width: 100%;
	margin-top: 12px;
	gap: 6px;

	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 8px;
}

/* 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: var(--mv-terminal-panel-alt);
	border-radius: 6px;
}

.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 {
	background: var(--mv-terminal-panel);
	border: 1px solid var(--mv-border);
}

.ping-document-item:hover {
	border-color: var(--mv-terminal-bright);
	box-shadow: 0 4px 14px rgba(0,0,0,.28);
}

.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: 84px;
	height: 84px;

	margin: 0 auto 16px;

	font-size: 64px;
	color: #dc2626;
}

.ping-document-body{
	width:100%;
	text-align:center;
}

.ping-document-title{
	font-size:14px;
	font-weight:600;
	line-height:1.35;

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

	overflow:hidden;
}

.ping-document-meta{
	margin-top:8px;

	font-size:12px;
	color:var(--mv-terminal-dim);

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

.ping-lightbox {
	position: fixed;
	inset: 0;

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

	padding: 32px;

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

	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: 8px;

	box-shadow: 0 10px 40px rgba(0,0,0,.45);
}

.ping-lightbox-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

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

	width: 48px;
	height: 48px;

	border: 0;
	border-radius: 8px;

	background: rgba(0, 0, 0, .35);
	backdrop-filter: blur(6px);

	color: #fff;
	font-size: 28px;
	line-height: 1;

	cursor: pointer;

	transition:
		background .15s ease,
		transform .15s ease,
		opacity .15s ease;

	z-index: 20;
}

.ping-lightbox-arrow:hover {
	background: rgba(0, 0, 0, .55);
}

.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-terminal-bright);
	outline-offset: 3px;
}

.ping-lightbox-thumbnails {
	display: flex;
	gap: 8px;

	position: absolute;
	left: 50%;
	bottom: 24px;

	transform: translateX(-50%);

	max-width: calc(100vw - 140px);

	padding: 8px;

	overflow-x: auto;
	overflow-y: hidden;

	scrollbar-width: thin;
}

.ping-lightbox-thumbnail {
	width: 64px;
	height: 64px;

	flex: 0 0 auto;

	object-fit: cover;

	border-radius: 6px;

	cursor: pointer;

	opacity: .55;

	border: 2px solid transparent;

	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 {
	opacity: 1;
	border-color: var(--mv-terminal-bright);
}

.ping-lightbox-image {
	transition:
		opacity .15s ease,
		transform .15s ease;
}

.ping-lightbox-image.is-loading {
	opacity: 0;
	transform: scale(.98);
}

/* ==========================================================
   Video
   ========================================================== */

.ping-video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	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 — Terminal
   ========================================================== */

.ping-audio-item {
	width: 100%;
	min-width: 0;
	overflow: visible;
	background: transparent;
	border-radius: var(--mv-radius);
}

.ping-audio-player {
	position: relative;
	display: grid;
	gap: 0;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--mv-border);
	border-radius: var(--mv-radius);
	background: var(--mv-terminal-panel);
	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: 14px;
	padding: 14px 15px 12px;
	border-bottom: 1px solid var(--mv-border);
	background: var(--mv-terminal-panel-alt);
}

.ping-audio-play {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--mv-terminal-bright);
	border-radius: var(--mv-radius);
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	transition:
		background .15s ease,
		color .15s ease;
}

.ping-audio-play:hover {
	transform: none;
	background: var(--mv-terminal-bright);
	color: var(--mv-terminal-black);
	box-shadow: none;
}

.ping-audio-play:active {
	transform: none;
}

.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-terminal-bright);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
}

.ping-audio-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 5px;
	color: var(--mv-terminal-dim);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
	text-transform: uppercase;
}

.ping-audio-meta span + span::before {
	content: "/";
	margin-right: 8px;
	color: var(--mv-border);
}

/* Tempo */

.ping-audio-time {
	display: flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	color: var(--mv-terminal-soft);
	font-family: var(--mv-font-terminal);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

/* Waveform */

.ping-audio-waveform {
	position: relative;
	height: 128px;
	margin: 14px 15px 0;
	overflow: hidden;
	border: 1px solid var(--mv-border);
	border-radius: var(--mv-radius);
	background: var(--mv-terminal-black);
	cursor: crosshair;
}

.ping-audio-waveform::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--mv-border);
	opacity: .55;
	z-index: 0;
}

.ping-audio-waveform-fallback {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: var(--mv-terminal-dim);
	font-size: 11px;
	font-weight: 600;
	pointer-events: none;
	z-index: 1;
}

.ping-audio-waveform-fallback i {
	color: var(--mv-terminal-bright);
	font-size: 15px;
	opacity: .7;
}

.ping-audio-waveform-image {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	object-position: left center;
	filter:
		brightness(0)
		saturate(100%)
		invert(42%)
		sepia(19%)
		saturate(790%)
		hue-rotate(91deg)
		brightness(87%)
		contrast(86%);
	opacity: .62;
	transform: translateX(0);
	transition: none;
	pointer-events: none;
	z-index: 1;
}

.ping-audio-waveform-image-progress {
	filter:
		brightness(0)
		saturate(100%)
		invert(87%)
		sepia(39%)
		saturate(1136%)
		hue-rotate(83deg)
		brightness(105%)
		contrast(101%);
	opacity: 1;
}

.ping-audio-waveform-progress {
	position: absolute;
	inset: 0 auto 0 0;
	width: 0;
	overflow: hidden;
	background: transparent;
	border-right: 1px solid var(--mv-terminal-bright);
	pointer-events: none;
	z-index: 2;
}

/* Bottom */

.ping-audio-bottom {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 11px 15px 13px;
}

.ping-audio-volume {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: var(--mv-radius);
	background: transparent;
	color: var(--mv-terminal-soft);
	font-size: 12px;
	cursor: pointer;
	transition:
		background .15s ease,
		color .15s ease;
}

.ping-audio-volume:hover {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
}

.ping-audio-volume-range {
	width: 100px;
	height: 3px;
	margin: 0;
	accent-color: var(--mv-terminal-bright);
	cursor: pointer;
}

@media (max-width: 640px) {

	.ping-audio-top {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 10px;
		padding: 12px;
	}

	.ping-audio-play {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
		font-size: 14px;
	}

	.ping-audio-time {
		grid-column: 2;
		margin-top: -3px;
		justify-self: start;
	}

	.ping-audio-waveform {
		height: 100px;
		margin: 12px 12px 0;
	}

	.ping-audio-bottom {
		padding: 10px 12px 12px;
	}

	.ping-audio-volume-range {
		width: 86px;
	}

}

/* ==========================================================
   Audio tracklist — Terminal
   ========================================================== */

.ping-audio-tracklist {
	border-top: 1px solid var(--mv-border);
	background: var(--mv-terminal-panel-alt);
}

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

	padding: 11px 14px;

	color: var(--mv-terminal-soft);

	font-size: 12px;
	font-weight: 700;
	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-terminal-bright);
	font-size: 11px;
}

.ping-audio-tracklist-toggle:hover {
	color: var(--mv-terminal-bright);
}

.ping-audio-tracklist-chevron {
	flex: 0 0 auto;

	color: var(--mv-terminal-dim);
	font-size: 10px;

	transition: transform .18s ease;
}

.ping-audio-tracklist[open]
.ping-audio-tracklist-chevron {
	transform: rotate(180deg);
}

.ping-audio-tracklist-content {
	padding: 0 14px 13px;

	color: var(--mv-terminal-soft);

	font-family: var(--mv-font-terminal);
	font-size: 11px;
	line-height: 1.7;

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

.ping-audio-tracklist[open]
.ping-audio-tracklist-content {
	padding-top: 11px;

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

@media (max-width: 640px) {

	.ping-audio-tracklist-toggle {
		padding-left: 12px;
		padding-right: 12px;
	}

	.ping-audio-tracklist-content {
		padding-left: 12px;
		padding-right: 12px;
	}

}

/* Mobile */

@media (max-width: 640px) {
	.ping-card,
	.ping-composer {
		padding: 14px;
	}

	.ping-avatar {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
	}

	.ping-composer .ping-avatar {
		flex-basis: 42px;
	}

	.ping-composer-header {
		gap: 12px;
	}

	.ping-composer-submit {
		min-width: 100px;
	}

	.ping-actions {
		gap: 8px;
	}

	.pong-card {
		margin-left: 0;
		padding: 14px;
	}

	.pong-avatar {
		flex-basis: 34px;
		width: 34px;
		height: 34px;
	}

	.ping-link-preview {
		display: block;
	}

	.ping-link-image-wrapper {
		width: 100%;
		min-height: 0;
		height: 180px;

		border-right: 0;
		border-bottom: 1px solid #e4e8ea;
	}

	.ping-link-image {
		min-height: 0;
		height: 180px;
	}

	.ping-link-body {
		padding: 13px 14px 14px;
	}

	.ping-link-title {
		white-space: normal;

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

	.ping-more-dropdown {
		left: 0;
		width: min(220px, calc(100vw - 48px));
	}
}

/* ==========================================================
   Ping Layout
   ========================================================== */

.ping-page-layout {
	   display: grid;
	   grid-template-columns: minmax(0, 880px) 310px;
	   gap: 28px;

	   align-items: start;
	   justify-content: center;

	   max-width: 1280px;
	   margin: 0 auto;
}

.ping-feed {
	min-width: 0;
}

.ping-sidebar {
	position: sticky;
	top: 128px;
	align-self: start;

	max-height: calc(100vh - 140px);

	overflow-y: auto;
	overflow-x: hidden;

	overscroll-behavior: contain;

	/* Firefox */
	scrollbar-width: none;

	/* Edge Legacy / IE */
	-ms-overflow-style: none;
}

/* Safari / Chrome / Edge Chromium / altri WebKit */
.ping-sidebar::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
	background: transparent;
}

.ping-sidebar .card {
	margin-bottom: 16px;
}

.ping-widget-area-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	width: 100%;
	min-width: 0;

	padding-right: 1px;
	box-sizing: border-box;
}

.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;
	}

	.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: 10px;

		background: var(--mv-terminal-panel);

		overflow: hidden;
	}

	.ping-sidebar-mobile > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;

		min-height: 46px;
		padding: 0 14px;

		color: var(--mv-terminal-soft);

		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-terminal-dim);
		font-size: 12px;
	}

	.ping-sidebar-mobile > summary:hover {
		color: var(--mv-terminal-bright);
	}

	.ping-sidebar-mobile > summary:hover i {
		color: var(--mv-terminal-bright);
	}

	.ping-sidebar-mobile-chevron {
		transition: transform .16s ease;
	}

	.ping-sidebar-mobile[open]
	.ping-sidebar-mobile-chevron {
		transform: rotate(180deg);
	}

	.ping-sidebar-mobile-content {
		padding: 14px;

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

		background: var(--mv-terminal-black);
	}

	.ping-sidebar-mobile
	.ping-widget-area-sidebar {
		gap: 14px;
	}

}

@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: 10px;
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
	text-decoration: none;
}

.ping-avatar.ping-avatar-chanzine i {
	display: block;
	color: inherit;
	font-size: 20px;
	line-height: 1;
}

.ping-avatar.ping-avatar-chanzine:hover {
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}

.ping-username-chanzine {
	color: var(--mv-terminal-bright);
	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(0, 0, 0, .78);
	backdrop-filter: blur(2px);
}

.mv-modal-dialog {
	position: relative;
	z-index: 1;

	width: 100%;
	max-width: 560px;

	background: var(--mv-terminal-panel);
	border-radius: 10px;
	box-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	color: var(--mv-terminal-soft);

	overflow: hidden;
}

.mv-modal-header,
.mv-modal-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 18px 22px;
}

.mv-modal-header {
	border-bottom: 1px solid var(--mv-border);
}

.mv-modal-header h3 {
	display: flex;
	align-items: center;
	gap: 10px;

	margin: 0;

	color: var(--mv-terminal-bright);

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

.mv-modal-body {
	padding: 22px;
}

.mv-modal-footer {
	gap: 10px;
	justify-content: flex-end;

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

.mv-modal-close {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	margin: 0;
	padding: 0;

	border: 0;
	border-radius: 6px;

	background: transparent;

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

	color: var(--mv-terminal-dim);
	cursor: pointer;
}

.mv-modal-close:hover {
	background: var(--mv-terminal-panel-alt);
	color: var(--mv-terminal-bright);
}

.report-help {
	margin: 0 0 18px;

	color: var(--mv-terminal-dim);
	font-size: 14px;
}

.report-reasons {
	display: grid;
	gap: 10px;
}

.report-option {
	display: block;
	cursor: pointer;
}

.report-option input {
	display: none;
}

.report-option span {
	display: flex;
	align-items: center;
	gap: 12px;

	padding: 13px 15px;

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);

	font-weight: 500;

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

.report-option:hover span {
	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-panel-alt);
}

.report-option input:checked + span {
	border-color: var(--mv-terminal-bright);
	background: #0b2415;
	color: var(--mv-terminal-bright);
	font-weight: 600;
}

#report-description-group {
	margin-top: 18px;
}

#report-description {
	width: 100%;
	min-height: 110px;

	padding: 12px;

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);

	font: inherit;

	resize: vertical;

	box-sizing: border-box;
}

#report-description:focus {
	outline: none;
	border-color: var(--mv-terminal-bright);
	box-shadow: 0 0 0 3px rgba(57, 255, 136, .10);
}

@media (max-width: 640px) {

	.mv-modal {
		padding: 14px;
	}

	.mv-modal-header,
	.mv-modal-body,
	.mv-modal-footer {
		padding: 16px;
	}

}

/* ==========================================================
   Ricerca Ping — Terminal
   ========================================================== */

.ping-search {
   display: grid;
   gap: 10px;

   margin: 0 1px 16px 0;
   padding: 14px;

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

   background: var(--mv-terminal-panel);
}

.ping-search-field {
	position: relative;
}

.ping-search-field > i {
	position: absolute;
	top: 50%;
	left: 14px;
	z-index: 1;

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

	width: 14px;
	height: 14px;

	color: var(--mv-terminal-dim);
	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 42px;

	box-sizing: border-box;

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

	background: var(--mv-terminal-black);
	color: var(--mv-terminal-soft);

	font: inherit;
	font-size: 13px;
	line-height: 40px;
}

.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-terminal-dim);
}

.ping-search-field input:focus {
	border-color: var(--mv-terminal-bright);

	box-shadow:
		0 0 0 3px rgba(57, 255, 136, .10);
}

.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: 1px solid var(--mv-border);
	border-radius: 7px;

	background: var(--mv-terminal-panel-alt);
	box-shadow: none;

	color: var(--mv-terminal-soft);

	font: inherit;
	font-size: 13px;
	font-weight: 600;

	cursor: pointer;

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

.ping-search > button:hover {
	border-color: var(--mv-terminal-bright);
	background: var(--mv-terminal-black);
	color: var(--mv-terminal-bright);
}

.ping-search > button:focus-visible {
	outline: 2px solid var(--mv-terminal-bright);
	outline-offset: 2px;
}