.twrpb-query-settings {
	max-width: 900px;
	line-height: 1.3;

	&__notification {
		margin-top: 1rem;
		margin-bottom: -0.5rem;
	}

	&__title {
		margin: 1.5rem 0 1.2rem;
		font-size: 1.5rem;
	}

	&__add-query-btn-icon {
		margin-right: 0.2rem;
		vertical-align: middle;
	}

	&__add-query-btn {
		margin: 1rem 0;
	}

	&__back-btn {
		margin: 1rem 0 0.1rem;
	}

	&__setting {
		margin: 1rem 0;
	}

	&__checkbox-line {
		margin: 0.2rem 0.2rem 0.24rem;
		line-height: 1.3;
	}

	&__paragraph {
		margin: 0.7rem 0 0.85rem;
		line-height: 1.3;
	}

	// Select starting template,
	&__apply_templates_container {
		display: flex;
		flex-wrap: wrap;
		padding: 0.8rem 1rem;
		margin: 1rem 0;
		background-color: white;
		border-radius: 3px;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	}

	&__apply_templates_label {
		flex-basis: 100%;
	}

	&__predefined_template_selector {
		flex-basis: 75%;
		flex-shrink: 1;
		/* stylelint-disable-next-line function-name-case */
		width: Max(210px, 75%);
		/* stylelint-disable-next-line function-name-case */
		max-width: Min(210px, 100%) !important;
		margin-top: 0.5rem;
		margin-right: 0.5rem;
	}

	&__apply_template_btn {
		flex-basis: 25%;
		max-width: max-content;
		margin-top: 0.5rem;
	}

	// Query Generated Debug.

	&__query_generated_array_container {
		margin: 1rem 0 0;
	}

	&__query_args_collapsible {
		display: hidden;
		padding: 0.8rem 1rem;
		margin: 0.5rem 0 0;
		background-color: white;
		border-radius: 3px;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
	}

	&__query_generated_array {
		margin-top: 0.5rem;
		white-space: pre;
	}
}