$editor-lighter: #f0f0f0;
$editor-background-light:#f0f0f0;
$editor-background:#f0f0f0;
// Fields Map (Based on Repeater control)

.cool-forms-icon {
	width: 30px;
	height: 20px;
	position: relative;
  
	&::before {
	  content: "";
	  background: url(../images/cool-form-widget-min.svg) no-repeat center center;
	  top: -4px;
	  left: 0;
	  width: 100%;
	  height: 24px;
	  display: inline-block;
	}
	body.dark-mode-enabled &::before {
		background: url(../images/cool-form-widget-min-white.svg) no-repeat center center;
	}

	body.light-mode-enabled &::before {
		background: url(../images/cool-form-widget-min.svg) no-repeat center center;
	}
}
  
.elementor-panel {

	.elementor-control-type-fields_map {

		.elementor-repeater-fields {
			margin: 10px 0;

			.elementor-control {
				padding: 0;
			}

			&:last-child {
				margin-block-end: 0;
			}
		}
	}
	
	.elementor-control.forms-field-shortcode{
		.elementor-control-content{
			flex-flow: row;
			align-items: center;
  			justify-content: space-between;
		}
	}
}

.elementor-repeater-row--form-step {
	.elementor-repeater-row-tools {
		&:hover {
			background-color: $editor-lighter;
		}

		div:not(.elementor-repeater-row-handle-sortable) {
			background-color: $editor-background-light;

			&:hover {
				background-color: $editor-background;
			}
		}
	}
}
