@use "~admin-stylesheets/colors";

.nelio-content-google-analytics-setting {
	max-width: 25em;
	position: relative;

	&__connection-actions,
	&__property-control-actions {
		margin-top: 1em;

		> :last-child {
			margin-left: 0.5em;
		}
	}

	&__overlay {
		background: colors.$component-colors__overlay-background;
		bottom: 0;
		display: flex;
		height: 100vh;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100vw;
		z-index: 9999999;
	}

	&__overlay-content {
		align-self: center;
		color: colors.$component-colors__overlay-foreground;
		font-size: 1.4em;
		margin: 0 auto;
		padding: 2rem;
	}

	&__code-validator {
		display: flex;
		align-content: center;
		max-width: 30em;
	}

	&__code-validator-input {
		flex-grow: 1;
	}

	&__code-validator-button {
		margin-left: 0.5em;
	}

	&__property-control {
		max-width: 30em;
	}

	&__property-control-actions {
		margin-top: 0.5em;
		max-width: 30em;
		text-align: right;

		> :last-child {
			margin-left: 0.5em;
		}
	}

	&__error-message {
		color: colors.$wordpress-colors__error-color;
	}

	&__dialog-actions {
		margin-top: 1em;
		text-align: right;

		> :last-child {
			margin-left: 0.5em;
		}
	}

	input[type="text"]:disabled {
		color: #3c434a;
	}
}