/* Patimu toast notifications */
.patimu-toast-stack {
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 24px;
  max-width: min(360px, calc(100vw - 48px));
  pointer-events: none;
  position: fixed;
  width: max-content;
  z-index: 99999;
}

.patimu-toast {
  background: var(--tg-theme-secondary);
  border: 1px solid var(--tg-color-alpha-ffffff-18);
  border-radius: 16px;
  box-shadow: 0 18px 44px var(--tg-color-alpha-051336-18);
  color: var(--tg-color-white-default);
  font-weight: 700;
  line-height: 1.45;
  max-width: 360px;
  opacity: 0;
  padding: 15px 18px;
  pointer-events: none;
  position: relative;
  transform: translateY(14px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.patimu-toast.is-open {
  opacity: 1;
  transform: translateY(0);
}

.patimu-toast.success {
  background: var(--tg-color-success-default);
}

.patimu-toast.warning {
  background: var(--tg-color-warning-default);
}

.patimu-toast.error {
  background: var(--tg-color-danger-default);
}

@media (max-width:575.98px) {
  .patimu-toast-stack {
    bottom: 16px;
    left: 16px;
    max-width: calc(100vw - 32px);
    width: calc(100vw - 32px);
  }

.patimu-toast {
    max-width: 100%;
    width: 100%;
  }

}