#wpbody .description {
	color: #646970;
	font-size: 13px;
	max-width: 45em;

	> * {
		color: #646970;
		font-size: 13px;
	}
}

#nelio-content-settings-form {

	h2 {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	table {
		margin-left: 2em;
		width: calc(100% - 2em);
	}

	.nelio-content-help {
		margin-top: 3px;
	}

	code {
		background: none;
		color: #070;
		margin: 0;
		padding: 0;
	}

	.nelio-content-premium-feature-wrapper {

		.nelio-content-premium-feature {
			padding: 2px 6px 2px 2px;
			margin: 0;
			border-radius: 4px;
			text-transform: capitalize;
			gap: 0;
			border: 1px solid currentcolor;

			.dashicon {
				font-size: 12px;
				padding: 0;
				width: 1.2em;
			}
		}
	}

	.nelio-content-dynamic-setting-loader {
		width: 18px;
		height: 18px;
		border: 2px solid #ddd;
		border-bottom-color: var(--wp-admin-theme-color, #3858e9);
		border-right-color: var(--wp-admin-theme-color, #3858e9);
		border-radius: 50%;
		display: inline-block;
		box-sizing: border-box;
		animation: nelio-content-dynamic-setting-loader-rotation 1s linear
			infinite;
		margin-left: 2em;
		margin-top: 5px;
	}

	@keyframes nelio-content-dynamic-setting-loader-rotation {

		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	/*
 	 * ========================
 	 * MODERNIZE OLD COMPONENTS
 	 * ========================
 	 */

	&,
	.components-checkbox-control {
		--checkbox-input-size: 20px !important;
		--checkbox-input-spacing: 12px !important;
	}

	.components-checkbox-control__input-container {
		min-width: var(--checkbox-input-size);
		margin-right: var(--checkbox-input-spacing) !important;
	}

	.components-base-control {
		margin-bottom: 1em;
	}

	.components-base-control__help {
		font-size: 13px !important;
	}

	.components-checkbox-control__input-container:has(
			input[type="checkbox"]:disabled
		)
		+ label {
		opacity: 0.4 !important;
	}

	input[type="checkbox"]:disabled {
		filter: saturate(0) !important;
		opacity: 1 !important;

		&:checked {
			opacity: 0.4 !important;
		}
	}

	input[type="range"] {
		margin-top: 6px;
		accent-color: var(
			--wp-components-color-accent,
			var(--wp-admin-theme-color, #3858e9)
		);
	}

	input[type="text"] {
		max-width: 20em;
	}

	textarea {
		max-width: 30rem;
		min-height: 7rem;
		width: 100%;
	}

	input[type="text"],
	textarea {
		width: 100%;
		display: block;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
			Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
		padding: 6px 8px;
		box-shadow: transparent 0 0 0;
		border-radius: 2px;
		border: 1px solid var(--wp-components-color-gray-600, #949494);
		font-size: 13px;
		line-height: normal;

		&:focus {
			border-color: var(
				--wp-components-color-accent,
				var(--wp-admin-theme-color, #3858e9)
			);
			box-shadow: 0 0 0 calc(1.5px - 1px)
				var(
					--wp-components-color-accent,
					var(--wp-admin-theme-color, #3858e9)
				);
			outline: transparent solid 2px;
		}
	}

	.components-select-control .components-base-control__field {
		max-width: 20em;
	}
}