#scroll-amount {
	position: fixed;
	left: 50%;
	bottom: -30px;
	width: 90%;
	max-width: 200px;
	height: 10px;
	background: var(--background);
	z-index: 2;
	transform: translateX(-50%);
	border-radius: 10px;
	overflow: hidden;
	display: none;
	filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.2));
}
#scroll-amount .progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: var(--main);
	transition: width 300ms ease-out;
}
body.__case #scroll-amount {
	display: block;
}
body.__case #scroll-amount {
	bottom: 60px;
}




@media screen and (max-width: 1100px) {
    	
    #scroll-amount {
    	/*bottom: auto;
    	top: -30px;*/
    	height: 5px;

    		width: 60%;
	max-width: 100px;

    }
    body.__case #scroll-amount {
/*		top: 30px;*/
	}


}