.bx-im-scroll-with-gradient__container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bx-im-scroll-with-gradient__gradient {
	width: 100%;
	height: 28px;
	position: absolute;
	background: linear-gradient(180deg, #fff 10.58%, rgb(255 255 255 / 0.01%) 98.3%);
	z-index: 2;
}

.bx-im-scroll-with-gradient__gradient.--top {
	top: 0;
}

.bx-im-scroll-with-gradient__gradient.--bottom {
	bottom: 0;
	transform: rotate(-180deg);
}

.bx-im-scroll-with-gradient__gradient-inner {
	width: 100%;
	height: 5px;
	position: absolute;
	top: 0;
	background: linear-gradient(180deg, #000 10.58%, rgb(255 255 255 / 0.01%) 98.3%);
	opacity: 0.06;
	z-index: 2;
}

.bx-im-scroll-with-gradient__content {
	height: 100%;
	overflow: hidden scroll;
}

.gradient-fade-enter-active,
.gradient-fade-leave-active {
	transition: opacity 0.2s ease;
}

.gradient-fade-enter-from,
.gradient-fade-leave-to {
	opacity: 0;
}