.ska-blocks__variable-value-control {
	position: relative;

	& > .components-base-control__field {
		position: relative;

		.components-base-control {
			margin-bottom: 0;

			& > .components-base-control__field {
				position: relative;
				margin-bottom: 0;

				input.components-text-control__input {
					padding-right: 32px;
				}
			}
		}
	}

	&--class {
		flex-grow: 0 !important;
		height: 32px;
	}

	&__menu {
		position: absolute;
		right: 4px;
		top: 4px;

		.components-dropdown-menu__toggle {
			opacity: 0.5;

			&:hover {
				opacity: 1;
			}

			& > svg {
				scale: 0.8;
			}
		}
	}

	&__toggle {
		position: relative;

		& > .components-base-control:first-child {

			.components-text-control__input {
				padding-left: 48px;
			}
		}

		& > .components-toggle-control {
			position: absolute;
			top: 0;
			left: 6px;
			display: flex;
			align-items: center;
			height: var(--ska-record-editor-height);
		}
	}
}

.ska-record-editor__row {

	.components-base-control:has(+ .ska-blocks__variable-value-control--class) {
		flex-grow: 1;

		& > .components-base-control__field {

			input.components-text-control__input {
				padding-right: 32px;
			}
		}
	}
}