.toastContainer{bottom:var(--spacing-md);z-index:99999;pointer-events:none;flex-direction:column-reverse;gap:.35em;width:min(100vw - 2em,28em);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toastContainer.stacked{height:5.75em;display:block}.toastContainer.stacked .toast{transform-origin:bottom;width:100%;position:absolute;bottom:0;left:0;right:0}.toastContainer.stacked .toast.queued{cursor:default}.toastContainer.stacked .toast.hidden{pointer-events:none}.toastContainer .toast{pointer-events:auto;align-items:center;gap:var(--spacing-sm);width:100%;min-height:4.25em;padding:var(--spacing-sm);padding-left:var(--spacing-md);border:1px solid color-mix(in srgb,var(--white)4%,transparent);border-radius:var(--radius-pill);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:bottom;background:color-mix(in srgb,var(--background)86%,transparent);-webkit-backdrop-filter:blur(1.5em);backdrop-filter:blur(1.5em);box-shadow:0 1em 2.5em color-mix(in srgb,var(--black)18%,transparent),inset 0 .05em 0 color-mix(in srgb,var(--white)7%,transparent);display:flex;position:relative;overflow:hidden}.toastContainer .toast.active:before{opacity:1}.toastContainer .toast .toastImage{z-index:1;aspect-ratio:1;border-radius:var(--radius-xl);corner-shape:superellipse(1.5);background:var(--surface);flex-shrink:0;width:3em;height:auto;position:relative;overflow:hidden}.toastContainer .toast .toastImage img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.toastContainer .toast .toastBody{z-index:1;flex-direction:column;flex:1;gap:.1em;min-width:0;display:flex;position:relative}.toastContainer .toast .toastBody .toastTitle{font-size:var(--font-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:130%;overflow:hidden}.toastContainer .toast .toastBody .toastMessage{font-size:var(--font-sm);color:color-mix(in srgb,var(--text)55%,transparent);white-space:nowrap;text-overflow:ellipsis;font-weight:200;line-height:130%;overflow:hidden}@media (max-width:480px){.toastContainer{width:calc(100vw - 1.5em);bottom:4.5em}.toastContainer.stacked{height:5.5em}.toastContainer .toast{min-height:4.1em;padding-left:var(--spacing-sm)}.toastContainer .toast .toastImage{width:2.8em}}
