.block-editor-media-placeholder__url-input-container {
	// Reset the margin to ensure the url popover is adjacent to the button.
	.block-editor-media-placeholder__button {
		margin-bottom: 0;
	}
}

.block-editor-media-placeholder__url-input-form {
	display: flex;

	// Selector requires a lot of specificity to override base styles.
	input[type="url"].block-editor-media-placeholder__url-input-field {
		width: 100%;
		min-width: 200px;

		@include break-small() {
			width: 300px;
		}

		flex-grow: 1;
		border: none;
		border-radius: 0;
		margin: 2px;

	}
}

.block-editor-media-placeholder__url-input-submit-button {
	flex-shrink: 1;
}

.block-editor-media-placeholder__button {
	margin-bottom: 0.5rem;
}

.block-editor-media-placeholder__cancel-button.is-link {
	margin: 1em;
	display: block;
}

.block-editor-media-placeholder.is-appender {
	min-height: 0;

	&:hover {
		cursor: pointer;
		box-shadow: 0 0 0 1px var(--gc-admin-theme-color);
	}
}