#ays
{
display:none;
position: fixed;
top: 40px;
left:50%;
transform: translateX(-50%);
z-index: 9999;
background: #FFFFFF;
border-radius: 10px;
box-shadow: 1px 1px 0px 5000px rgb(0 0 0 / 50%);
width: 49vw;
width:clamp(480px,60vw,700px);
}

@media (max-width:450px) {
	#ays
	{
	left:0;
	width:99%;
	margin-left:0.5%;
	margin-right:0.5%;
	transform: translateX(0);
	}
	
	#ays-confirm P
	{
	padding-left: 20px;
	padding-right: 20px;
	}
	
	#ays-message
	{
	font-size: 15px;
	}
}

#ays-title
{
color: #FFFFFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 3px 10px;
margin-top:-1px;
text-align:center;
}

#ays-message
{
padding: 10px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

#ays-confirm
{
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid rgba(0,0,0,0.2);
padding-top: 5px;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,0.2);
padding-bottom: 10px;
background: #F9F9F9;
}

#ays-confirm P
{
font-size:14px;
font-size:clamp(14px,1.6vw,19px);
}

#ays-confirm DIV
{
text-align: center;
}

#ays-confirm-slider
{
width: 60px;
display: inline-block;
-webkit-appearance: none;
height: 10px;
background: #CCCCCC;
border-radius:3px;
box-shadow:inset 0 0 2px 1px rgba(0,0,0,0.3);
outline: none;
}

#ays-confirm-slider::-webkit-slider-thumb
{
-webkit-appearance: none;
appearance: none;
width: 10px;
height: 30px;
background: #777777;
border-radius:3px;
cursor: ew-resize;
box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#ays-confirm-slider.ays-slider-full::-webkit-slider-thumb
{
background:var(--critical-color);
}

#ays-buttons
{
padding: 10px;
width: 100%;
overflow: hidden;
}