/* Copyright Ayers Electronics Inc. All rights reserved. */
/* toast. */

/* ---- toast ---- */
#toast {
  position: fixed;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  z-index: 90; /* above every drawer - the INFO takeover stands at 80 */
  background: var(--elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 18px;
  font-size: var(--type-label);
  display: none;
  align-items: center;
}
#toast > * + * {
  margin-left: 16px;
}
#toast.open {
  display: flex;
}
#toast.err {
  border-color: var(--error);
  color: var(--error);
}
/* The one action a toast can carry (js/ask-ready.js's "Watch Now") - a real button, focused the
   moment it draws so the remote's OK reaches it. */
#toastAction {
  flex: none;
  background: var(--accent);
  color: var(--on-accent);
  border: 0;
  border-radius: var(--radius-small);
  padding: 6px 14px;
  font-weight: 700;
  cursor: pointer;
}