/* ==================================================

	Composer

================================================== */

.composer {
	padding: 13px 16.5px 14px;
}

.composer__row {
	display: flex;
	align-items: flex-start;
}

.composer__avatar {
	flex: 0 0 var(--avatar-w);

	width:  var(--avatar-w);
	height: var(--avatar-w);

	border-radius: 50%;
	object-fit: cover;
	transform: scale(1.05);
}

.composer__field {
	flex: 1;

	height: 42px;
	margin-top: 0.5px;
	margin-left: 7px;
	padding-inline: 18.5px;

	border: var(--border-w) solid var(--color-border-field);
	border-radius: 21.5px;
	background-color: var(--color-bg-surface);

	font-size:   var(--text-post-author);
	font-weight: var(--font-weight-medium);
	color:       var(--color-fg-secondary);
}

/* -------------------------------------
	=Actions
------------------------------------- */

.composer__actions {
	display: flex;
	gap: 73.5px;

	padding-left: 69px;
	padding-top: 12px;
}

.composer__action {
	display: flex;
	align-items: center;

	color: var(--color-fg-secondary);
}

.composer__action-icon {
	flex: 0 0 auto;
	margin-right: 11px;
}

.composer__action--video   .composer__action-icon { width: 18px; height: 14.5px; }
.composer__action--photo   .composer__action-icon { width: 18px; height: 14.5px; }
.composer__action--write   .composer__action-icon { width: 16.5px; height: 16.5px; }

.composer__action-label {
	font-size:   var(--text-search);
	font-weight: var(--font-weight-bold);
	line-height: 1.231;
	white-space: nowrap;
}

@media ( max-width: 1076px ) {

	.composer {
		display: none;
	}

}