@charset "UTF-8";
.ps__thumb-y {
	width: 7px;
	right: 0;
	background-color: var(--color-yellow);
	transition-duration: .3s;
	transition-property: height;
}
.ps .ps__rail-y {
	width: 7px;
	background-color: rgba(255, 255, 255, 0);
	opacity: 0;
	display: block;
	transition-duration: .3s;
	transition-property: opacity, height;
}
.ps:hover > .ps__rail-y {
	opacity: 0;
}
.ps--active-y:hover > .ps__rail-y,
.ps--active-y > .ps__rail-y {
	opacity: 1;
}
.ps > .ps__rail-y {
	animation-name: fadeOut;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
}
.ps--active-y > .ps__rail-y {
	animation-name: fadeIn;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
}
.ps .ps__rail-y:hover {
	background-color: rgba(255, 255, 255, 0);
	opacity: 1;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
	width: 7px;
	background-color: var(--color-yellow);
}