button{all:unset}.ToastViewport{--viewport-padding:25px;padding:var(--viewport-padding);z-index:2147483647;outline:none;flex-direction:column;gap:10px;width:390px;max-width:100vw;margin:0;list-style:none;display:flex;position:fixed;bottom:0;right:0}.ToastRoot{background-color:#fff;border-radius:6px;grid-template-columns:25px auto max-content;grid-template-areas:"icon title action""icon description action";align-items:center;column-gap:15px;padding:15px;display:grid;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633}.ToastIcon{color:var(--slate-11);grid-area:icon;& svg{width:100%;height:100%;display:block}}.ToastRoot[data-state=open]{animation:.15s cubic-bezier(.16,1,.3,1) slideIn}.ToastRoot[data-state=closed]{animation:.1s ease-in hide}.ToastRoot[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.ToastRoot[data-swipe=cancel]{transition:transform .2s ease-out;transform:translate(0)}.ToastRoot[data-swipe=end]{animation:.1s ease-out swipeOut}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes swipeOut{0%{transform:translateX(var(--radix-toast-swipe-end-x))}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.ToastTitle{color:var(--slate-12);grid-area:title;margin-bottom:5px;font-size:15px;font-weight:500}.ToastDescription{color:var(--slate-11);grid-area:description;margin:0;font-size:13px;line-height:1.3}.ToastAction{grid-area:action}.Button{user-select:none;border-radius:4px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.Button.small{height:25px;padding:0 10px;font-size:12px;line-height:25px}.Button.large{height:35px;padding:0 15px;font-size:15px;line-height:35px}.Button.violet{color:var(--violet-11);box-shadow:0 2px 10px var(--black-a7);background-color:#fff}.Button.violet:hover{background-color:var(--mauve-3)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--green-2);color:var(--green-11);box-shadow:inset 0 0 0 1px var(--green-7)}.Button.green:hover{box-shadow:inset 0 0 0 1px var(--green-8)}.Button.green:focus{box-shadow:0 0 0 2px var(--green-8)}.ToastRoot.Toastsuccess{background-color:var(--green-3);border:1px solid var(--green-7);color:var(--green-11);& .ToastIcon{color:var(--green-11)}}.ToastRoot.Toastinfo{background-color:var(--violet-3);border:1px solid var(--violet-7);color:var(--violet-11);& .ToastIcon{color:var(--violet-11)}}.ToastRoot.Toasterror{background-color:var(--red-3);border:1px solid var(--red-7);color:var(--red-11);& .ToastIcon{color:var(--red-11)}}.ToastRoot.Toastwarning{background-color:var(--yellow-2);border:1px solid var(--yellow-7);color:var(--yellow-11);& .ToastIcon{color:var(--yellow-11)}}