/**
 * Styles for the edit snippet admin page.
 */

@use 'common/codemirror';
@use 'common/badges';
@use 'common/switch';
@use 'common/select';
@use 'common/tooltips';
@use 'common/upsell';
@use 'edit/form';
@use 'edit/sidebar';
@use 'edit/editor';
@use 'edit/conditions';
@use 'edit/gpt';

.notice.error blockquote {
	margin-block-end: 0;
}

.code-snippets-copy-text {
	color: inherit;
}

.button svg {
	block-size: 1rem;
	vertical-align: middle;
	line-height: 1;
	margin: 0;
}

.snippet-description-container {
	margin-block-start: 25px;

	.wp-editor-tools {
		padding-block-start: 5px;
	}

	.wp-editor-tabs {
		float: inline-start;
	}

	.generate-button {
		float: inline-end;
		margin-block-start: 37px;
		z-index: 99;
		position: relative;
	}
}

.above-snippet-code {
	display: flex;
	align-items: center;
	margin-block: 25px 15px;
	margin-inline: 0;
	gap: 8px;

	h2 {
		margin: 0;
		margin-inline-end: auto;
	}

	.expand-editor-button {
		display: flex;
		gap: 5px;
		align-items: center;

		.dashicons {
			inline-size: 18px;
			block-size: 18px;
			font-size: 18px;
		}
	}
}

form.condition-snippet .snippet-code-container {
	display: none;
}