.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:stretch;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{--toast-c:var(--success);pointer-events:auto;border:1px solid color-mix(in srgb, var(--toast-c) 20%, var(--overlay-border));background:linear-gradient(100deg, color-mix(in srgb, var(--toast-c) 14%, var(--surface-raised)), var(--surface-raised) 55%);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--toast-c) 35%, transparent), var(--shadow-sm);color:var(--text);animation:toast-in .3s var(--ease);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 12px 14px 16px;display:flex}.toast-info{--toast-c:var(--info)}.toast-error{--toast-c:var(--danger)}.toast-icon{color:var(--toast-c);flex:none;display:grid}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--fs-base);font-weight:650;line-height:22px;display:block}.toast-message{font-size:var(--fs-sm);color:var(--muted);overflow-wrap:anywhere;word-break:auto-phrase;margin-top:2px;line-height:1.55}.toast-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.toast.leaving{pointer-events:none;animation:.8s forwards toast-out;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes toast-out{0%{animation-timing-function:cubic-bezier(.33,0,.67,1)}22%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.7,.4);transform:translate(-18px)rotate(-2deg)scale(1.03)}44%{opacity:1;animation-timing-function:cubic-bezier(.6,0,1,1)}64%{opacity:0;max-height:160px;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(calc(100% + 64px))rotate(9deg)scale(.92)}to{opacity:0;border-width:0;max-height:0;margin-top:-12px;padding-block:0;transform:translate(calc(100% + 64px))rotate(9deg)scale(.92)}}@media (width<=640px){.toasts{width:auto;bottom:16px;left:16px;right:16px}}@media (width<=640px),(pointer:coarse){.toast-close{width:40px;height:40px}}@media (hover:hover){.toast-close:hover{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text)}}