.ps {
	.ps__rail-x {
		height: 10px;

		> .ps__thumb-x {
			bottom: 0;
			border-radius: $box-small-rounded;
		}
	}

	> .ps__rail-y {
		width: 10px;

		> .ps__thumb-y {
			right: 0 !important;
			left: auto;
			border-radius: $box-small-rounded;
		}
	}
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
	height: 100%;
	background-color: #000;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
	width: 100%;
	background-color: #000;
}
