@import '../../../styles/_partials/index';

.ScrollableContent_ScrollingDiv {
	overflow: auto;
	height: 100%;
}

.ScrollShadow__Container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 9;

	&.ScrollShadow__BottomBorder {
		@include __theme-border("border-bottom", 0%, 0%, $theme-border-light, $theme-border-dark, 1px);
	}

	.ScrollShadow {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 25px;
		transform: translateY(100%);
		transition: box-shadow 0.4s;

		&.ScrollShadow__Show {
			@include theme-overlay-boxshadow;
			transition: box-shadow 0.2s;
		}
	}

}