.app-toast{--gap:.5rem;--peek:.625rem;--scale:max(0, calc(1 - var(--toast-index) * .05));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) + var(--toast-index) * var(--gap) + var(--toast-swipe-movement-y));--rest: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));inset-inline:0;z-index:calc(1000 - var(--toast-index));height:var(--height);transform-origin:top;transform:var(--rest);-webkit-user-select:none;user-select:none;transition:transform var(--duration-slow) var(--ease-emphasized), opacity var(--duration-moderate) var(--ease-standard), height var(--duration-base) var(--ease-standard);position:absolute;top:0}.app-toast:after{content:"";inset-inline:0;height:calc(var(--gap) + 1px);position:absolute;bottom:100%}.app-toast[data-expanded]{--rest:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}.app-toast[data-swiping]{transition:opacity var(--duration-fast) var(--ease-standard)}.app-toast[data-starting-style]{opacity:0;transform:translateY(-150%)}.app-toast[data-limited]{opacity:0}.app-toast[data-ending-style]{opacity:0;transform:translateY(calc(var(--offset-y) - 1rem));transition:transform var(--duration-base) var(--ease-exit), opacity var(--duration-base) var(--ease-exit)}.app-toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 120%)) translateY(var(--offset-y))}.app-toast[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 120%)) translateY(var(--offset-y))}.app-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.app-toast-content{transition:opacity var(--duration-base) var(--ease-standard);overflow:hidden}.app-toast-content[data-behind]{opacity:0}.app-toast-content--own[data-behind],.app-toast-content[data-expanded]{opacity:1}.app-toast-timer{transform-origin:0;width:100%;height:2px;animation:app-toast-timer var(--toast-timeout) linear forwards;pointer-events:none;position:absolute;bottom:0;left:0}.app-toast[data-expanded] .app-toast-timer{animation-play-state:paused}@keyframes app-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.app-toast-draw{stroke-dasharray:32;stroke-dashoffset:32px;animation:app-toast-draw var(--duration-moderate) var(--ease-enter) var(--duration-fast) forwards}@keyframes app-toast-draw{to{stroke-dashoffset:0}}.app-toast-shake{animation:app-toast-shake var(--duration-slow) var(--ease-standard) var(--duration-base)}@keyframes app-toast-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.app-toast,.app-toast[data-ending-style]{transition:opacity var(--duration-fast) linear}.app-toast[data-starting-style],.app-toast[data-ending-style]{transform:var(--rest)}.app-toast-draw{stroke-dashoffset:0;animation:none}.app-toast-shake{animation:none}}