.subite-update-banner{
  position:fixed;
  left:50%;
  bottom:max(18px, env(safe-area-inset-bottom));
  transform:translateX(-50%) translateY(120%);
  z-index:100000;
  transition:transform .35s cubic-bezier(.2,.9,.2,1), opacity .25s;
  opacity:0;
  pointer-events:none;
  max-width:min(390px, calc(100vw - 24px));
}
.subite-update-banner.visible{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}
.subite-update-banner--progress .subite-update-inner{
  background:rgba(21,101,192,.96);
}
.subite-update-banner--success .subite-update-inner{
  background:linear-gradient(135deg, #1b8a4a, #2e9b5d);
  box-shadow:0 12px 32px rgba(27,138,74,.28);
}
.subite-update-inner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em;
}
.subite-update-icon{font-size:1rem;line-height:1}