.obs-post-edit-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.obs-post-edit-toolbar > * {
	margin: 0 !important;
}

.obs-post-edit-toolbar .format,
.obs-post-edit-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 11px;
	border-radius: 10px;
	line-height: 1;
	white-space: nowrap;
}

.obs-post-edit-toolbar .format > span,
.obs-post-edit-toolbar .format > i,
.obs-post-edit-tool > i {
	pointer-events: none;
}

.obs-post-edit-url {
	gap: 7px;
}

.obs-post-edit-upload-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-height: 22px;
	margin-top: 7px;
	font-size: .78rem;
	line-height: 1.35;
	color: var(--gray-600, #a8a8ad);
}

.obs-post-edit-upload-status:empty {
	display: none;
}

.obs-post-edit-upload-info.has-status .obs-post-edit-upload-status::after {
	content: "•";
	margin-left: 8px;
	color: var(--gray-500, #77777f);
}

@media (max-width: 520px) {
	.obs-post-edit-toolbar {
		gap: 6px;
	}

	.obs-post-edit-toolbar .format,
	.obs-post-edit-tool {
		height: 40px;
		min-width: 40px;
		padding-inline: 10px;
	}

	.obs-post-edit-url span {
		display: none;
	}

	.obs-post-edit-upload-info {
		display: block;
		font-size: .75rem;
	}

	.obs-post-edit-upload-status:not(:empty) {
		display: block;
		margin-bottom: 3px;
	}

	.obs-post-edit-upload-info.has-status .obs-post-edit-upload-status::after {
		display: none;
	}
}