.toast-viewport{z-index:100;flex-direction:column-reverse;width:100%;max-height:100vh;padding:1rem;display:flex;position:fixed;top:0}@media (min-width:640px){.toast-viewport{flex-direction:column;top:auto;bottom:0;right:0}}@media (min-width:768px){.toast-viewport{max-width:26.25rem}}.toast{pointer-events:auto;border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem 2rem 1.5rem 1.5rem;transition:all .2s;animation:.2s ease-out slideInFromTop,.2s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast[data-state=closed]{animation:.2s ease-out slideOutToRight,.2s ease-out fadeOut}.toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0)}.toast-default{background-color:var(--background);color:var(--foreground);border-color:var(--border)}.toast-destructive{border-color:var(--destructive);background-color:var(--destructive);color:var(--destructive-foreground)}.toast-action{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;background-color:#0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;height:2rem;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.toast-action:hover{background-color:var(--secondary)}.toast-action:focus{outline:2px solid var(--ring);outline-offset:2px}.toast-action:disabled{pointer-events:none;opacity:.5}.toast-close{border-radius:var(--radius);color:color-mix(in oklch,var(--foreground)50%,transparent);opacity:0;cursor:pointer;background-color:#0000;border:none;outline:none;padding:.25rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.toast:hover .toast-close,.toast-close:focus{opacity:1}.toast-close:hover{color:var(--foreground)}.toast-close:focus{outline:2px solid var(--ring);outline-offset:2px}.toast-title{font-size:.875rem;font-weight:600}.toast-description{opacity:.9;font-size:.875rem}.toast-group{gap:.25rem;display:grid}@media (min-width:640px){.toast{animation:.2s ease-out slideInFromBottom,.2s ease-out fadeIn}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}