#toast{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.55);
  color: #fff;
  display:none;
  max-width: min(760px, calc(100% - 24px));
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  font-size: 13px;
}
#toast[data-kind="error"]{ border-color: rgba(255,106,122,.45); }
#toast[data-kind="ok"]{ border-color: rgba(99,243,192,.45); }