[data-state="disabled"] {

	> section {
		opacity: 0.5;
		pointer-events: none;
	}

	&.ct-panel {
		> header > label {
			opacity: 0.5;
		}
	}
}

// responsive controls
.ct-responsive-controls {
	li.ct-disabled {
		opacity: 0.15;
		cursor: not-allowed;

		&.active,
		&:hover {
			opacity: 0.25;
		}
	}
}