.ep-weighting-field {
	align-items: center;
	display: grid;
	grid-gap: 1em;
	grid-template-columns: min(20%, 30ch) max-content auto max-content;
	width: 100%;

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

	& .components-checkbox-control {

		& .components-base-control__field {
			align-items: center;
			display: flex;
		}
	}

	& .components-range-control {

		& .components-base-control__field {
			align-items: center;
			display: flex;
		}

		& .components-base-control__label {
			font-size: inherit;
			font-weight: inherit;
			margin-bottom: 0;
			text-transform: inherit;
		}
	}

	@media ( max-width: 600px ) {
		grid-template-columns: 1fr 1fr 1fr max-content;

		& .ep-weighting-field__weighting {
			display: flex;
			justify-content: end;

			& .components-range-control__wrapper {
				display: none;
			}
		}
	}
}

.ep-weighting-field fieldset {
	display: contents;
}

.ep-weighting-field__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	& h2 {
		font-size: 1rem;
	}
}

.ep-weighting-field__undo {
	grid-column-start: 4;
	justify-self: end;
}
