/* ===== Standalone notification toast styles =====
 * Lives in its own file so the unauth landing can pull just these rules
 * without dragging the rest of terminal.css (which styles auth-only
 * surfaces). Auth pages also keep loading terminal.css, which redeclares
 * the same selectors — harmless duplicate, last one wins identically.
 */

body .notification {
  background-color: #101010;
  color: #fff;
  font-size: 14px;
  padding: 1em;
  margin: 35px 7px;
  border-radius: 5px;
  border: 1px solid #2c3032;
  font-weight: 100;
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000000;
  font-family: 'Fira Code', monospace;
}

/* Slide-in / slide-out transition that Notifications.js relies on. */
.slide-enter-active, .slide-leave-active {
  transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-enter, .slide-leave-to {
  transform: translateY(100px);
  opacity: 0;
}