.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(--primary-color-6)var(--dark,var(--primary-color-7));width:100%;height:auto;min-height:4rem;opacity:calc(1 - var(--toast-hidden));word-break:break-word;overflow-wrap:anywhere;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));border-radius:.5rem;justify-content:space-between;align-items:flex-start;margin-top:-4rem;padding:12px 16px;transition:transform .2s,margin-top .2s,opacity .2s;display:flex;overflow:visible;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);filter:brightness();opacity:1;transform:scale(1)}.toast[data-type=success]{background-color:var(--color-primary-900);color:var(--secondary-success-color)}.toast[data-type=error]{background-color:var(--color-highlight);color:var(--contrast-error-color)}.toast[data-type=warning]{background-color:var(--primary-warning-color);color:var(--secondary-warning-color)}.toast[data-type=info]{background-color:var(--primary-info-color);color:var(--secondary-info-color)}.toast-content{flex:1;margin-right:8px;transition:filter .2s}.toast-title{color:var(--secondary-color-4);margin-bottom:4px;font-weight:600}.toast-description{color:var(--secondary-color-3);white-space:normal;font-size:.875rem;line-height:1.4}.toast-close{color:var(--secondary-color-3);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(--secondary-color-1)}