.toast-container{z-index:9999;max-width:350px;position:fixed;bottom:20px;right:20px}.toast-list{flex-direction:column-reverse;gap:.75rem;margin:0;padding:0;display:flex}.toast-item{display:flex}.toast{z-index:calc(var(--toast-count) - var(--toast-index));box-sizing:border-box;border:1px solid var(--color-border);background-color:var(--color-surface);width:18rem;height:auto;min-height:4rem;opacity:calc(1 - var(--toast-hidden));transform:scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%));--toast-hidden:calc(min(max(0,var(--toast-index) - 2),1));justify-content:space-between;align-items:center;margin-top:-4rem;padding:12px 16px;transition:transform .2s,margin-top .2s,opacity .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast-container:not(:hover,:focus-within) .toast[data-toast-even]:not([data-top]){animation:.2s ease-out slide-up-even}.toast-container:not(:hover,:focus-within) .toast[data-toast-odd]:not([data-top]){animation:.2s ease-out slide-up-odd}@keyframes slide-up-even{0%{transform:translateY(.5rem)scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%))}to{transform:translateY(0)scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%))}}@keyframes slide-up-odd{0%{transform:translateY(.5rem)scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%))}to{transform:translateY(0)scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%))}}.toast[data-top]{animation:.2s ease-out slide-in}.toast-container:hover .toast[data-top],.toast-container:focus-within .toast[data-top]{animation:ease-out 0 slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(100%)scale(calc(110% - var(--toast-index)*5%),calc(110% - var(--toast-index)*2%))}to{opacity:1;transform:translateY(0)scale(calc(100% - var(--toast-index)*5%),calc(100% - var(--toast-index)*2%))}}.toast-container:hover .toast,.toast-container:focus-within .toast{margin-top:var(--toast-padding);opacity:1;transform:scale(1)}.toast[data-type=success]{border-left:4px solid var(--color-success)}.toast[data-type=error]{border-left:4px solid var(--color-error)}.toast[data-type=warning]{border-left:4px solid var(--color-warning)}.toast[data-type=info]{border-left:4px solid var(--color-secondary)}.toast-content{flex:1;margin-right:8px}.toast-title{color:var(--color-emphasis);margin-bottom:4px;font-weight:600}.toast-description{color:var(--color-text);font-size:.875rem}.toast-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-size:18px;line-height:1}.toast-close:hover{color:var(--color-text)}