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

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

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

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

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

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

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