#westLoader{
position:fixed;
inset:0;
z-index:999999999;
background:#1c1c1c;
display:flex;
align-items:center;
justify-content:center;
font-family:Arial,sans-serif;
}

.west-loader-box{
width:min(700px,92vw);
padding:40px 30px;
text-align:center;
border:1px solid rgba(224,210,183,.12);
background:rgba(255,255,255,.01);
}

.west-top{
font-size:30px;
font-weight:900;
color:#E0D2B7;
margin-bottom:12px;
}

.west-id{
font-size:14px;
color:rgba(224,210,183,.45);
margin-bottom:25px;
}

.west-title{
font-size:clamp(26px,3vw,44px);
font-weight:900;
line-height:1.7;
color:#E0D2B7;
margin-bottom:12px;
}

.west-sub{
font-size:18px;
color:rgba(224,210,183,.65);
margin-bottom:30px;
}

.west-progress{
height:2px;
background:rgba(255,255,255,.08);
overflow:hidden;
margin-bottom:18px;
}

.west-progress:before{
content:'';
display:block;
height:100%;
width:0;
background:#E0D2B7;
animation:westLoad 1.4s linear forwards;
}

.west-status{
font-size:15px;
color:rgba(224,210,183,.55);
opacity:0;
animation:westShow .4s forwards 1s;
}

@keyframes westLoad{
to{
width:100%;
}
}

@keyframes westShow{
to{
opacity:1;
}
}

@keyframes westFade{
to{
opacity:0;
visibility:hidden;
pointer-events:none;
}
}