.c-horizontal-resizer {
	@include clay-css($cadmin-c-horizontal-resizer);

	&::before {
		@include clay-css(map-get($cadmin-c-horizontal-resizer, before));
	}

	&:hover::before {
		@include clay-css(
			map-deep-get($cadmin-c-horizontal-resizer, hover, before)
		);
	}

	&:active::before {
		@include clay-css(
			map-deep-get($cadmin-c-horizontal-resizer, active, before)
		);
	}

	&:focus-visible {
		@include clay-css(map-get($cadmin-c-horizontal-resizer, focus));
	}

	&:focus-visible::before {
		@include clay-css(
			map-deep-get($cadmin-c-horizontal-resizer, focus, before)
		);
	}
}

.c-horizontal-resizer-end {
	left: 0px;
	margin-left: -0.25rem;
	margin-right: 0px;
	right: auto;
}