@arijs/vue-generator/vendor/css/vuebar.css

.vb>.vb-dragger {
	z-index: 5;
	width: 12px;
	right: 0;
}

.vb>.vb-dragger>.vb-dragger-styler {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate3d(0, 0, 0, 0);
	transform: rotate3d(0, 0, 0, 0);
	-webkit-transition: background-color .1s ease-out, margin .1s ease-out, height .1s ease-out;
	transition: background-color .1s ease-out, margin .1s ease-out, height .1s ease-out;
	background-color: rgba(48, 121, 244, .1);
	margin: 5px 5px 5px 0;
	border-radius: 20px;
	height: calc(100% - 10px);
	display: block;
}

.vb.vb-scrolling-phantom>.vb-dragger>.vb-dragger-styler {
	background-color: rgba(48, 121, 244, .3);
}

.vb.vb-dragging>.vb-dragger>.vb-dragger-styler,
.vb>.vb-dragger:hover>.vb-dragger-styler {
	background-color: rgba(48, 121, 244, .5);
	margin: 0;
	height: 100%;
}

.vb.vb-dragging-phantom>.vb-dragger>.vb-dragger-styler {
	background-color: rgba(48, 121, 244, .5);
}