body{
	margin:0;
}
@keyframes barAnim {
	0%{
		transform:translate(-240%,-50%);
		opacity: 0;
	}
	10%{
		transform:translate(-240%,-50%);
		opacity: 1;
	}
	85%{
		transform:translate(160%,-50%);
		opacity: 1;
	}
	90%{
		transform:translate(160%,-50%);
		opacity: 0;
	}
	100%{
		transform:translate(-240%,-50%);
		opacity: 0;
	}
}
.pot_loader-sataku{
	background:url('https://ocs-pl.oktawave.com/v1/AUTH_b2338b9a-71f2-4cd5-ad14-655e45b020bf/wideo/sataku2/pot_frameless_2025/bg.png');
	background-size:cover;
	background-position: 50% 50%;
	width:100%;
	min-height: 100vh;
}
.pot_logo{
	position: absolute;
	top:28.5%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width:247px;
}
.arrow{
	position: absolute;
	top:41.5%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width:141px;
}
.copy{
	position: absolute;
	top:57.5%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width:437px;
}
.loader{
	position: absolute;
	top:69%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 100%;
	max-width: 247px;
	background:white;
	border-radius: 20px;
	min-height: 18px;
	overflow: hidden;
}
.bar{
	position:absolute;
	top:50%;
	left: 50%;
	transform:translate(-240%,-50%);
	width:40%;
	background:red;
	height:70%;
	border-radius: 20px;
	animation: barAnim 3s infinite linear;
	animation-delay: .2s;
}

@media (max-width:460px){
	.arrow{
		top:46.5%;
	}
	.copy{
		top:67.5%;
		max-width: 80%;
	}
	.loader{
		top:84%;
	}
}