.ToastViewport{--viewport-padding:25px;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:10px;width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.ToastRoot{background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);padding:15px;display:grid;grid-template-areas:"title" "description";grid-template-columns:auto max-content;column-gap:15px;align-items:center}.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;margin-bottom:5px;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}