.elementor-control-type-popover_toggle {

	input {
		display: none;
	}

	label {
		cursor: pointer;
	}

	.elementor-control-input-wrapper {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}

	.elementor-control-popover-toggle-toggle {

		&:checked {

			+ .elementor-control-popover-toggle-toggle-label {
				color: var(--e-a-color-txt-active);
				background-color: var(--e-a-bg-active-bold);
			}
		}

		&:not(:checked) {

			~ .elementor-control-popover-toggle-reset-label {
				display: none;
			}
		}
	}

	.elementor-control-popover-toggle-toggle-label {
		height: $control-unit;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--e-a-border-radius);
		border: var(--e-a-border-bold);
		transition: var(--e-a-transition-hover);

		&:hover {
			background-color: var(--e-a-bg-hover);
		}
	}

	.elementor-control-popover-toggle-reset-label {
		color: var(--e-a-color-txt-muted);
		margin-inline-end: 5px;

		&:hover {
			color: var(--e-a-color-txt);
		}
	}
}

.elementor-controls-popover {

	&.e-controls-popover--typography {
		padding-block-start: 0;
	}
}

.e-control-global {

	.elementor-control-popover-toggle-toggle-label {
		border-start-start-radius: 0;
		border-start-end-radius: var(--e-a-border-radius);
		border-end-start-radius: 0;
		border-end-end-radius: var(--e-a-border-radius);
		flex-shrink: 0;
	}
}
