.block-editor-url-popover__row {
	display: flex;
}

// Any children of the popover-row that are not the settings-toggle
// should take up as much space as possible.
.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
	flex-grow: 1;
}

.block-editor-url-popover__settings {
	display: block;
	padding: 16px;
	border-top: 1px solid #e2e4e7;
}

.block-editor-url-popover__link-editor,
.block-editor-url-popover__link-viewer {
	display: flex;
}

.block-editor-url-popover__link-viewer-url {
	margin: 7px;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 150px;
	max-width: 500px;

	&.has-invalid-link {
		color: #d94f4f;
	}
}