@keyframes toast-show{0%{transform:translate(calc(100% + var(--viewport-padding)))}to{transform:translate(0)}}@keyframes toast-hide{0%{transform:translate(var(--reka-toast-swipe-end-x))}to{transform:translate(calc(100% + var(--viewport-padding)))}}.toast{align-items:center;background-color:#fff;border-radius:.375rem;box-shadow:0 .625rem 2.375rem -.625rem #0e121659,0 .625rem 1.25rem -.9375rem #0e121633;display:grid;gap:0 .75rem;grid-template-areas:"icon message action" "icon description action";grid-template-columns:max-content auto max-content;padding:.9375rem}.toast__icon{height:1.5rem;width:1.5rem}.toast__icon--success{color:var(--color-green-3)}.toast__icon--error{color:var(--color-red-3)}.toast__icon--info{color:var(--paars)}.toast__message{color:var(--slate-12);font-size:.9375rem;font-weight:500;grid-area:message}.toast__description{color:var(--slate-11);font-size:.8125rem;grid-area:description;line-height:1.3;margin-top:.25rem}.toast__action{grid-area:action}.toast[data-state=open]{animation:toast-show var(--transition)}.toast[data-state=closed]{animation:toast-hide var(--transition)}.toast[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.toast[data-swipe=cancel]{transform:translate(0);transition:transform var(--transition)}.toast[data-swipe=end]{animation:toast-hide var(--transition)}.toast-viewport{--viewport-padding:2rem;bottom:0;display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--viewport-padding);position:fixed;right:0;width:24.375rem;z-index:calc(infinity)}.app{align-content:start;background-color:var(--grijs-licht);display:grid;min-height:100dvh}.app__inner{container:inner/inline-size;padding:.5rem}@media (min-width:48em){.app{grid-template-columns:minmax(13.4375rem,1.25fr) 6fr;grid-template-rows:1fr}.app__inner{grid-column:2;padding:1.25rem}.app__inner--center{grid-column:1/-1}}