/***********
*************** TOAST
*****************************************/

/*************************************************************         TOAST STATES          ********************/

/*==========================================================================
|                           TOAST (HIDDEN DEFAULT)                         |
==========================================================================*/

/* #region TOAST HIDDEN */

.toast{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  background: rgba(7,7,7,0.92);
  border: 1px solid var(--accentLine);
  color: var(--text);
  padding: 12px 14px;
  border-radius: 16px;
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
  max-width: min(560px, calc(100% - 40px));
}

/* #endregion TOAST HIDDEN */

/*==========================================================================
|                           TOAST (VISIBLE STATE)                          |
==========================================================================*/

/* #region TOAST VISIBLE */

.toast.is-on{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}



/* #endregion TOAST VISIBLE */