.toast[data-opened]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast[data-closed]{animation:hide .1s ease-in}.toast[data-swipe=move]{transform:translate(var(--kb-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.toast[data-swipe=end]{animation:swipeOut .1s ease-out}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes swipeOut{0%{transform:translate(var(--kb-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}.toast__list{--viewport-padding: 10px;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:8px;width:400px;max-width:100vw;margin:0;list-style:none;z-index:9999;outline:none}