@charset "utf-8";

.Toastify__toast { border-radius: 16px 16px 0px 0px !important; width: 100% !important; margin: 0.5rem 0px 0px !important; }

.Toastify__toast-container--bottom-right { right: 5rem !important; }

@media (min-width: 768px) {
  .Toastify__toast { border-radius: 24px 24px 0px !important; }
}

.Toastify__toast--default { --tw-bg-opacity: 1 !important; background-color: rgba(16,16,45,var(--tw-bg-opacity)) !important; }

.Toastify__toast.low-balance-toast { --low-balance-toast-container-bottom: env(safe-area-inset-bottom); font-family: var(--font-inter),sans-serif !important; --tw-shadow: 0 0 transparent !important; --tw-shadow-colored: 0 0 transparent !important; width: calc(100% - 16px) !important; box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; margin-top: 0px !important; margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: calc(var(--low-balance-toast-offset,var(--low-balance-toast-container-bottom)) - var(--low-balance-toast-container-bottom)) !important; --tw-bg-opacity: 1 !important; background-color: rgba(16,16,45,var(--tw-bg-opacity)) !important; background-image: linear-gradient(141deg, rgba(195, 0, 84, 0.35), rgba(195, 0, 84, 0)) !important; border-radius: 16px !important; padding: 0px !important; }

.low-balance-toast .Toastify__toast-body { padding: 0px !important; }

@media (min-width: 481px) {
  .Toastify__toast.low-balance-toast { --low-balance-toast-container-bottom: var(--toastify-toast-bottom); width: 344px !important; margin-left: auto !important; margin-right: auto !important; }
}

@media (min-width: 768px) {
  .Toastify__toast.low-balance-toast { width: 380px !important; }
}

.Toastify__toast-container:has(.wof-toast) { flex-direction: column-reverse !important; display: flex !important; }

.Toastify__toast-container--bottom-right:has(.wof-toast) { right: 5rem !important; }

.Toastify__toast-container--bottom-center:has(.wof-toast) { bottom: 74px !important; }

.wof-toast .Toastify__toast-body { padding: 0px !important; }

.Toastify__toast.wof-toast { --tw-bg-opacity: 1 !important; background-color: rgba(16,16,45,var(--tw-bg-opacity)) !important; width: 328px !important; font-family: var(--font-inter),sans-serif !important; border-radius: 24px 24px 0px !important; margin-bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; padding: 1rem !important; }

.Toastify__toast.wof-toast:not(:last-child) .Toastify__toast-body { opacity: 0.6 !important; }

@keyframes slide-in-from-bottom { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes slide-out-to-top { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-100%); }
}

.bottom-slide-in { animation: 0.5s ease 0s 1 normal forwards running slide-in-from-bottom; }

.top-slide-out { animation: 0.5s ease 0s 1 normal forwards running slide-out-to-top; }