.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(--light,var(--primary-color-6))var(--dark,var(--primary-color-7));width:18rem;height:4rem;filter:var(--light,none)var(--dark,brightness(calc(.5 + .5*(1 - ((var(--toast-index) + 1)/4)))));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));border-radius:.5rem;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);filter:brightness();opacity:1;transform:scale(1)}.toast[data-type=success]{background-color:var(--primary-success-color);color:var(--secondary-success-color)}.toast[data-type=error]{background-color:var(--primary-error-color);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);font-size:.875rem}.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)}