.toast-viewport{position:fixed;inset-block-end:1rem;inset-inline-end:1rem;z-index:100;width:20rem;max-width:calc(100vw - 2rem);height:var(--toast-frontmost-height, 0px);outline:none}.toast{position:absolute;inset-block-end:0;inset-inline-end:0;width:100%;padding:.75rem 2.25rem .75rem 1rem;border:1px solid var(--color-neutral-200);background:#fff;box-shadow:0 8px 24px #0000001f;outline:none;transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-index) * 12px)) scale(calc(1 - var(--toast-index) * .05));transform-origin:bottom center;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s;z-index:calc(1000 - var(--toast-index))}.dark .toast{border-color:var(--color-neutral-800);background:var(--color-neutral-900)}.toast:not([data-front]):not([data-expanded]){height:var(--toast-frontmost-height);overflow:hidden}.toast:not([data-front]):not([data-expanded]) .toast-content{opacity:0}.toast[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-offset-y) - var(--toast-index) * 8px))}.toast[data-swiping]{transition:none}.toast[data-entering],.toast[data-exiting]{opacity:0;transform:translateY(1rem)}.toast[data-swipe-dismissed][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 100%))}.toast[data-swipe-dismissed][data-swipe-direction=bottom]{transform:translateY(calc(var(--toast-swipe-movement-y) + 100%))}.toast:focus-visible{outline:2px solid var(--color-neutral-900);outline-offset:2px}.dark .toast:focus-visible{outline-color:#fff}.toast[data-limited]{visibility:hidden}@media(prefers-reduced-motion:reduce){.toast{transition-duration:.01s}}