.gblocks-advanced-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 20px;

	&:last-child {
		margin-bottom: 0;
	}

	.components-toggle-control {
		margin-bottom: 0;
	}

	.components-base-control__field {
		margin-bottom: 0;
	}

	.components-button.has-icon {
		min-width: 25px;
		height: 25px;
		padding: 2px;

		svg {
			width: 15px;
			height: 15px;
		}
	}
}

.gblocks-advanced-dropdown-container {
	background: #fafafa;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;

	button.gblocks-delete-effect {
		box-shadow: inset 0 0 0 1px #D11A2A;
		color: #D11A2A;

		svg {
			width: 1em;
			height: 1em;
			margin-right: 4px !important;
		}
	}

	.components-dropdown:not(.gblocks-color-component__toggle) {
		margin-left: auto;
	}

	.gblocks-color-component__toggle-button {
		padding: 0;
	}

	.gblocks-color-component__toggle-indicator {
		width: 22px;
		height: 22px;
	}

	&:last-child {
		margin-bottom: 10px;
	}
}

.components-panel__body.gblocks-advanced-dropdown-option-panel {
	background: #fafafa;
	border: 1px solid #e0e0e0;
}

.gblocks-disable-in-editor {
	margin-left: auto;
	margin-bottom: 0 !important;

	.components-base-control__field {
		justify-content: flex-end;
	}

	.components-base-control__help {
		margin-bottom: 0;
		margin-top: 0;
	}
}


.gblocks-advanced-dropdown .components-popover__content {
    min-width: 600px;
	padding: 0;

	& > div {
		padding: 8px;
	}
}

.gblocks-advanced-dropdown-options {
	display: flex;
	flex-wrap: wrap;

	.components-flex {
		gap: 0;
	}

	.gblocks-pro-range-control-unit {
		display: inline-block;
		margin-left: 5px;
		font-size: 8px;
		text-transform: uppercase;
		background: #fff;
		padding: 0 2px;
		vertical-align: middle;
	}

	.gblocks-inline-color-label .components-base-control__field {
		display: flex;
		align-items: center;
		gap: 5px;
		flex-direction: row-reverse;
	}

	.gblocks-adv-dropdown-separator {
		flex-basis: 100%;
	}

	& > * {
		flex-grow: 1;
		flex-basis: 0;
		padding: 5px;
	}

	& > .gblocks-adv-dropdown-option-no-grow {
		flex-grow: 0;
	}

	input,
	select {
		height: 30px !important;
	}

	.components-input-control__label,
	.components-base-control__label,
	.components-gblocks-range-control--label {
		margin-bottom: 7px !important;
		padding-bottom: 0 !important;
	}

	.components-input-control__label,
	.components-base-control__label,
	.components-gblocks-units-control-label__units,
	.components-gblocks-range-control--label {
		font-size: 11px;
	}

	.components-base-control__field {
		margin-bottom: 0;
	}

	.gblocks-adv-dropdown-target-bg-image {
		display: flex;
		align-items: flex-end;

		.gblocks-adv-dropdown-bg-image-notice {
			font-size: 15px;
			padding: 5px;
		}

		.components-base-control {
			flex-grow: 1;
		}
	}

	.gblocks-bg-image-wrapper img {
		width: 30px;
		height: 30px;
		border-radius: 2px;
	}
}

.gblocks-advanced-dropdown-actions {
    display: flex;
	align-items: center;
	gap: 5px;
}

.gblocks-adv-dropdown-header {
    padding: 5px;
    display: flex;
	align-items: center;

	.gblocks-adv-dropdown-type-label {
		font-weight: bold;
	}
}

.gblocks-effects-footer {
	background: #f0f2f4;
	padding: 10px;
	display: flex;
	gap: 5px;
	margin: 10px -10px -10px;
}
