#toast_container_container { pointer-events: none; width: 420px; height: 100vh; z-index: 999; position: fixed; top: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 35px; row-gap: 12px; }

#toast_container_container .toast_container { height: 72px; position: relative; pointer-events: auto; }

#toast_container_container .toast_container.loaded .toast { top: 0; opacity: 1; }

#toast_container_container .toast_container .toast { position: absolute; left: 0; top: 50px; opacity: 0; transition: transform .4s, opacity .4s ease, top .4s ease, scale .4s ease; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 40px; width: 350px; background: white; border-radius: 8px; position: relative; padding: 16px; border: 1px solid #e4e4e7; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

#toast_container_container .toast_container .toast.stacked { top: 0; scale: 0.8 0.8; opacity: 1; }

#toast_container_container .toast_container .toast .toast_title { color: #09090b; font-size: 13px; font-weight: 500; line-height: 19.5px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; column-gap: 4px; }

#toast_container_container .toast_container .toast .toast_title svg { height: 16px; width: 16px; }

#toast_container_container .toast_container .toast .toast_title.error svg { color: #dc2626; }

#toast_container_container .toast_container .toast .toast_title.warning svg { color: #FF8000; }

#toast_container_container .toast_container .toast .toast_title.success svg { color: #22c55e; }

#toast_container_container .toast_container .toast .toast_title span { height: 19.5px; }

#toast_container_container .toast_container .toast .toast_message { color: #71717a; font-size: 13px; font-weight: 400; line-height: 18.2px; }

#toast_container_container .toast_container .toast .toast_close { border-radius: 4px; background: #171717; color: white; font-size: 12px; font-weight: 400; letter-spacing: normal; height: 24px; line-height: 24px; padding: 0 8px; cursor: pointer; }

#toast_container_container .toast_container .toast .toast_close:focus { border: 1px solid #e4e4e7; box-shadow: white 0px 0px 0px 2px; }
