.multicollab_body_class {
	.comment-summary-row-loading {
		padding: 20px 30px 20px 10px;
	}
	.comment-header {
		.commenter-name-time {
			.commenter-name {
				@media screen and (max-width:1400px){
					font-size:13px;
					word-break:break-word;
					white-space:break-spaces
				}
				span {
					&.tooltip {
						&::first-letter {
							text-transform: capitalize;
						}
					}
				}
			}
		}
	}
	input#cf_multiedit_websocket {
		width: 100%;
		height: 37px;
		max-width: 290px;
		flex-basis: 40%;

		@media screen and (max-width:1024px){
			max-width: none;
			margin: 10px 0;
		}
	}
	.cf-websocket {
		display: contents;
	}
	span {
		&.components-form-toggle {
			&.is-disabled {
				& + label {
					opacity: .5;
				}
			}
		}
		&.cf-invite-collab-panel__wrapper-text {
			font-size: 13px;
			font-weight: 400;
			color: #000;
		}
	}
	.cf-suggestion-option  {
		.cf-settings-row {
			.cf-websocket {
				label {
					display: flex;
					align-items: center;
					height: 37px;
					@media screen and (max-width:1024px) {
						flex-direction: column;
						height: unset;
						align-items: unset;
					}
				}
				.cf_websocket_custom_url_section {
					display: flex;
					align-items: center;
					gap: 10px;
					flex-wrap: wrap;
					@media screen and (max-width:1024px) {
						margin-top: 10px;
					}
				}
			}
		}
	}
	.cf-settings-row{
		&.multiedit-websocket-settings{
			@media screen and (max-width:1024px) {
				align-items: baseline;
			}
		}
	}
}
