.ToastViewport{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:10px;min-width:200px;max-width:500px;margin:0;list-style:none;z-index:10;outline:none}.ToastRoot{border-radius:6px;box-shadow:0 10px 38px -10px hsl(206 22% 7%/35%),0 10px 20px -15px hsl(206 22% 7%/20%);padding:10px;display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto max-content;column-gap:15px;align-items:center;color:white}.ToastRoot[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.ToastRoot[data-state=closed]{animation:hide .1s ease-in}.ToastRoot[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.ToastRoot[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.ToastRoot[data-swipe=end]{animation:swipeOut .1s ease-out}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.ToastTitle{grid-area:title;font-weight:500;color:var(--slate-12);font-size:15px}.ToastDescription{grid-area:description;margin:0;color:var(--slate-11);font-size:13px;line-height:1.3}.ToastAction{grid-area:action}