// Static styles - specificity (0,1,0) and higher.
.wp-block-spectra-pro-loop-builder-child-no-results {

	// Dynamic styles - specificity (0,2,0) and higher.
	&[class*="wp-block"] {

		// Variable based CSS - Text Color.
		&.spectra-text-color {
			color: var(--spectra-text-color);

			// When there's a text color, everything inside should inherit.
			* {
				color: inherit;
			}
		}

		// Variable based CSS - Background Color.
		&.spectra-background-color {
			background-color: var(--spectra-background-color);
		}

		// Variable based CSS - Background Gradient.
		&.spectra-background-gradient {
			background: var(--spectra-background-gradient);
		}

		// The hover state for this block.
		&:hover {
			// Variable based CSS - Text Hover Color.
			&.spectra-text-color-hover {
				color: var(--spectra-text-color-hover);

				// When there's a text color, everything inside should inherit.
				* {
					color: inherit;
				}
			}

			// Variable based CSS - Background Color Hover.
			&.spectra-background-color-hover {
				background: var(--spectra-background-color-hover);
			}

			// Variable based CSS - Background Gradient Hover.
			&.spectra-background-gradient-hover {
				background: var(--spectra-background-gradient-hover);
			}
		}
	}
}
