.toast{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(94px + env(safe-area-inset-bottom))!important;
  width:min(calc(100vw - 24px),456px)!important;
  max-width:456px!important;
  margin:0!important;
  z-index:1200!important;
  box-sizing:border-box!important;
  transform:translate3d(-50%,14px,0)!important;
  -webkit-transform:translate3d(-50%,14px,0)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}

.toast.show{
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  opacity:1!important;
}

.toast > div:not(.ti){
  min-width:0!important;
  flex:1!important;
}
.toast b,
.toast small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:360px){
  .toast{
    width:calc(100vw - 18px)!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
}