/* -----------------------------------------------------------------------------
   Activity Comments Form States
   ----------------------------------------------------------------------------- */

.bond-bp-content #buddypress #activity-stream .activity-list.bp-list > li.bond-activity-entry.bond-activity-entry--standard.activity-item:not(.activity-popup) .bond-activity-comments--figma {
	& .ac-form.events-initiated .bp-ac-form-container,
	& .ac-form.root .bp-ac-form-container {
		align-items: flex-start;
		flex-wrap: nowrap;
	}

	& .ac-form.events-initiated .ac-reply-content,
	& .ac-form.root .ac-reply-content {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: 10px;
		row-gap: 10px;
		flex: 1 0 calc(100% - 45px);
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 0 0 0 10px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	& .ac-form.events-initiated .ac-textarea,
	& .ac-form.root .ac-textarea {
		grid-column: 1 / -1;
		display: flex;
		flex-direction: column;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		position: relative;
		border: 1px solid #d2d0c8;
		border-radius: 4px;
		background: #ffffff;
		box-shadow: none;
		overflow: hidden;
	}

	& .ac-form.events-initiated .ac-textarea > .ac-input[contenteditable="true"],
	& .ac-form.root .ac-textarea > .ac-input[contenteditable="true"] {
		min-height: 53px;
		margin: 0;
		padding: 14.3px 15px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	& .ac-form.events-initiated:not(.has-content) .ac-textarea > .ac-input[data-placeholder]:empty::before,
	& .ac-form.root:not(.has-content) .ac-textarea > .ac-input[data-placeholder]:empty::before {
		position: static;
		display: block;
		color: #37322d;
		opacity: 0.5;
	}

	& .ac-form.events-initiated .ac-reply-toolbar,
	& .ac-form.root .ac-reply-toolbar {
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin: 0;
		padding: 0 12px 12px;
		border-top: 0;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item {
		display: flex;
		align-items: center;
		margin: 0;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji {
		position: relative;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji > .emojionearea.ac-input,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji > .emojionearea.ac-input,
	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji > .emojionearea.ac-input.medium-editor-element,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji > .emojionearea.ac-input.medium-editor-element {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		min-width: 24px;
		max-width: 24px;
		min-height: 24px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		font-size: 0;
		line-height: 1;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-editor,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-editor {
		display: none;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-button,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-button {
		position: static;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		margin: 0;
		padding: 0;
	}

	& .ac-form.events-initiated .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-picker,
	& .ac-form.root .ac-reply-toolbar .post-elements-buttons-item.post-emoji .emojionearea-picker {
		top: auto;
		left: 0;
		right: auto;
		bottom: calc(100% + 8px);
		margin: 0;
	}

	& .ac-form.events-initiated .ac-submit-wrap,
	& .ac-form.root .ac-submit-wrap,
	& .ac-form.events-initiated .ac-reply-cancel,
	& .ac-form.root .ac-reply-cancel {
		float: none;
		align-self: center;
	}

	& .ac-form.events-initiated .ac-submit-wrap,
	& .ac-form.root .ac-submit-wrap {
		grid-column: 2;
		grid-row: 2;
		margin: 0;
	}

	& .ac-form.events-initiated .ac-reply-cancel,
	& .ac-form.root .ac-reply-cancel {
		grid-column: 1;
		grid-row: 2;
		justify-self: end;
		margin: 0;
		padding-right: 2px;
		visibility: visible;
		opacity: 1;
		width: auto;
		height: auto;
		font-size: 16px;
	}

	& .ac-form.events-initiated .ac-reply-attachments,
	& .ac-form.root .ac-reply-attachments {
		width: 100%;
		padding-left: 42px;
	}
}