@use 'sass:math';

$full-width: 32px;

.res-wheel-browse {
	position: relative;
	width: 16px;
	height: 16px;
	transition: width .1s linear;
	border-radius: 5px;
	cursor: crosshair;
	background-color: rgba(0, 0, 0, .24);
	overflow: hidden;

	&:hover {
		width: $full-width;
	}

	&-gallery {
		position: absolute;
		width: math.div($full-width, 2);
		height: 100%;
		left: math.div($full-width, 2);
		background-color: rgba(255, 0, 0, .24);
	}
}
