@use "@wordpress/base-styles/variables" as *;

.editor-post-panel__row {
	width: 100%;
	min-height: $grid-unit-40;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.editor-post-panel__row-label {
	width: 38%;
	flex-shrink: 0;
	min-height: $grid-unit-40;
	display: flex;
	align-items: center;
	padding: 6px 0; // Matches button to ensure alignment
	line-height: $grid-unit-05 * 5;
	hyphens: auto;
}

.editor-post-panel__row-control {
	flex-grow: 1;
	min-height: $grid-unit-40;
	display: flex;
	align-items: center;

	.components-button {
		max-width: 100%;
		text-align: left;
		white-space: normal;
		text-wrap: balance; // Fallback for Safari.
		text-wrap: pretty;
		height: auto;
		min-height: $button-size-compact;
		font-weight: $font-weight-regular;
	}

	.components-dropdown {
		max-width: 100%;
	}
}