.toast-stack{position:fixed;right:0;bottom:16px;z-index:1000;width:min(400px,calc(100vw - 8px));padding:30px 16px 10px 10px;pointer-events:none;overflow:hidden;--toast-ease:cubic-bezier(0.32,0.72,0,1);--toast-h:84px;--toast-peek:14px}.toast-stack__area{position:relative;height:calc(var(--toast-h) + 2 * var(--toast-peek))}.toast-slot{position:absolute;left:0;right:0;bottom:0;transform:translateY(calc(var(--d) * var(--toast-peek) * -1)) scale(calc(1 - var(--d) * .035));transform-origin:50% 100%;z-index:calc(10 - var(--d));transition:transform .28s var(--toast-ease)}.toast{pointer-events:auto;box-sizing:border-box;height:var(--toast-h);display:flex;gap:12px;align-items:center;font-family:var(--font-body);padding:13px 16px;background:var(--brand);color:var(--brand-fg);border-radius:var(--radius-card);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--brand) 55%,transparent),var(--shadow-2);transform:translateX(calc(100% + 32px));transition:transform .32s var(--toast-ease),opacity .26s var(--toast-ease);touch-action:pan-y}.toast.is-in{transform:translateX(0)}.toast-slot[data-d="1"] .toast{filter:brightness(.94)}.toast-slot[data-d="2"] .toast{filter:brightness(.88)}.toast.toast--exit-up{transform:translateY(-18px)!important;opacity:0;transition:transform .26s var(--toast-ease),opacity .26s var(--toast-ease)}.toast.toast--exit-right{transform:translateX(calc(100% + 32px))!important;opacity:0}.toast--clickable{cursor:pointer}.toast--clickable:hover{filter:brightness(1.07)}.toast--clickable:focus-visible{outline:2px solid var(--brand-fg);outline-offset:2px}.toast__body{min-width:0;flex:1 1 auto}.toast__title{font-weight:700;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.toast__text,.toast__title{color:var(--brand-fg);line-height:var(--lh-snug);overflow:hidden}.toast__text{margin-top:4px;font-size:13px;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.toast__close{flex:0 0 auto;margin-left:auto;width:26px;height:26px;display:grid;place-items:center;background:rgb(255 255 255/.16);border:none;border-radius:999px;color:var(--brand-fg);cursor:pointer;padding:0;font-size:17px;line-height:1}.toast__close:hover{background:rgb(255 255 255/.28)}