/* Canonical application update banner. */
.estel-update-banner-v2112{
  position:fixed;
  left:50%;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:100000;
  transform:translateX(-50%);
  width:min(620px,calc(100vw - 28px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:14px;
  background:#111;
  color:#fff;
  box-shadow:0 16px 44px rgba(0,0,0,.28);
}
.estel-update-banner-v2112>div:first-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.estel-update-banner-v2112 strong{
  font-size:12px;
  line-height:1.2;
}
.estel-update-banner-v2112 span{
  color:#cfcfcf;
  font-size:10px;
  line-height:1.35;
}
.estel-update-actions-v2112{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
}
.estel-update-close-v2112{
  width:32px;
  height:32px;
  border:0;
  border-radius:999px;
  background:#2d2d2d;
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:600px){
  .estel-update-banner-v2112{
    bottom:calc(86px + env(safe-area-inset-bottom));
    align-items:flex-start;
    padding:11px 12px;
  }
  .estel-update-banner-v2112>div:first-child{padding-top:2px}
  .estel-update-actions-v2112{gap:5px}
  .estel-update-banner-v2112 .btn{white-space:nowrap}
}