.components-modal__frame.lmdm-blocksy-query-settings-modal {
	width: min(700px, calc(100vw - 48px)) !important;
	max-width: min(700px, calc(100vw - 48px)) !important;
}

.lmdm-blocksy-query-settings-modal .components-modal__content {
	min-width: 0;
}

.lmdm-blocksy-query-settings-layout {
	display: grid;
	width: 100%;
	row-gap: 16px;
}

.lmdm-blocksy-query-settings-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
	gap: 44px;
	align-items: start;
}

.lmdm-blocksy-query-settings-manual-heading {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
}

.lmdm-blocksy-query-settings-options,
.lmdm-blocksy-query-settings-manual {
	min-width: 0;
}

.lmdm-blocksy-query-settings-reset-all {
	width: 100%;
}

.lmdm-blocksy-query-settings-options .components-toggle-control {
	margin-bottom: 14px !important;
}

.lmdm-blocksy-query-settings-options .components-range-control {
	max-width: 250px;
}

.lmdm-blocksy-query-settings-options .components-flex {
	justify-content: flex-start !important;
	gap: 12px;
}

.lmdm-blocksy-query-settings-options .components-flex__block {
	flex: 0 1 250px;
}

.lmdm-blocksy-query-settings-options .lmdm-blocksy-query-read-more-field {
	width: 100%;
	max-width: 250px;
}

.lmdm-blocksy-query-settings-options .lmdm-blocksy-query-read-more-field input {
	width: 100%;
	max-width: 250px;
}

.lmdm-column-count-range-control .components-range-control__number {
	width: 64px !important;
	min-width: 64px !important;
	max-width: 64px !important;
}

.lmdm-column-count-range-control .components-range-control__number .components-input-control__container {
	box-sizing: border-box !important;
	width: 64px !important;
	min-width: 64px !important;
	max-width: 64px !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	flex: 0 0 auto !important;
}

.lmdm-column-count-range-control .components-range-control__number input {
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
}

@media (max-width: 782px) {
	.lmdm-blocksy-query-settings-columns {
		grid-template-columns: 1fr;
	}
}