@layer components{.toast-viewport{--toast-exit-duration:.3s;z-index:9000;pointer-events:none;gap:.75rem;width:min(20rem,100vw - 2rem);display:flex;position:fixed}.toast-viewport[data-position=tr]{flex-direction:column-reverse;top:1rem;right:1rem}.toast-viewport[data-position=tl]{flex-direction:column-reverse;top:1rem;left:1rem}.toast-viewport[data-position=br]{flex-direction:column;bottom:1rem;right:1rem}.toast-viewport[data-position=bl]{flex-direction:column;bottom:1rem;left:1rem}[data-toast]{background:var(--bg3);color:var(--fg);pointer-events:auto;border:2px solid;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;animation:.3s ease-out toast-enter;display:flex;box-shadow:0 4px 16px #0000001f}[data-toast-state=exiting]{animation:toast-exit var(--toast-exit-duration) ease-in forwards}[data-toast=success]{border-color:var(--borderE-success)}[data-toast=error]{border-color:var(--borderE-danger)}[data-toast=info]{border-color:var(--outlineE)}[data-toast=warning]{border-color:var(--borderE-warning)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}}