.toast-viewport{z-index:60;outline:none;width:calc(100vw - 2rem);max-width:24rem;position:fixed;bottom:1rem;right:1rem}@media (width>=640px){.toast-viewport{bottom:1.5rem;right:1.5rem}}.toast-card{--gap:.5rem;--peek:.65rem;--scale:calc(max(0, 1 - (var(--toast-index) * .07)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));box-sizing:border-box;transform-origin:bottom;-webkit-user-select:none;user-select:none;cursor:default;width:100%;z-index:calc(1000 - var(--toast-index));height:var(--height);transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 8px 20px -4px #0000001f}.toast-card:after{content:"";width:100%;height:calc(var(--gap) + 1px);position:absolute;top:100%;left:0}.toast-card[data-expanded]{height:var(--toast-height);transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y)))}.toast-card[data-starting-style],.toast-card[data-ending-style]{transform:translateY(150%)}.toast-card[data-limited],.toast-card[data-ending-style]{opacity:0}.toast-content{align-items:center;gap:.75rem;width:100%;padding:1rem;transition:opacity .25s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.toast-content[data-behind]{opacity:0}.toast-content[data-expanded]{opacity:1}