:root{--v51:#22f04e}
#v51SpaProgress{position:fixed;z-index:300;top:0;left:0;height:3px;width:0;background:var(--v51);box-shadow:0 0 14px rgba(34,240,78,.55);transition:width .18s ease,opacity .25s;opacity:0}
#v51SpaProgress.active{opacity:1}
.v51-app-content{min-height:45vh}
.v51-app-content.v51-leaving{opacity:.35;transform:translateY(4px);transition:.14s}
.v51-app-content.v51-entering{animation:v51enter .22s ease}
@keyframes v51enter{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
.v51-spa-toast{position:fixed;z-index:301;left:50%;top:18px;transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:#0c1314;border:1px solid #20302d;color:#fff;border-radius:13px;padding:9px 13px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:9px;transition:.2s;box-shadow:0 15px 45px rgba(0,0,0,.45)}
.v51-spa-toast.show{opacity:1;transform:translate(-50%,0)}
body.v51-spa-loading{cursor:progress}
@media(max-width:700px){
  #v51SpaProgress{top:env(safe-area-inset-top)}
  .v51-spa-toast{top:calc(10px + env(safe-area-inset-top))}
}