.kdl-hub-toast-viewport{position:fixed;bottom:32px;left:50%;z-index:var(--kdl-hub-z-toast);display:flex;width:max-content;max-width:100vw;margin:0;padding:0;transform:translateX(-50%);flex-direction:column;align-items:center;list-style:none;pointer-events:none}.kdl-hub-toast{display:inline-flex;max-width:min(560px,90vw);align-items:center;padding:10px 16px;border-radius:0;background:rgb(var(--kdl-hub-color-text-primary));box-shadow:0 8px 24px rgb(15 23 42/22%);color:white;font-family:var(--kdl-hub-font-sans);font-size:var(--kdl-hub-font-size-body);line-height:1.45;overflow-wrap:anywhere}.kdl-hub-toast[data-variant=success]{background:rgb(var(--kdl-hub-color-feedback-success))}.kdl-hub-toast[data-variant=delete]{background:rgb(var(--kdl-hub-color-surface-inverse))}.kdl-hub-toast[data-variant=warn]{background:rgb(var(--kdl-hub-color-feedback-warning))}.kdl-hub-toast[data-variant=error]{background:rgb(var(--kdl-hub-color-feedback-error))}.kdl-hub-toast[data-state=open]{animation:kdl-hub-toast-in .18s ease-out both}.kdl-hub-toast[data-state=closed]{animation:kdl-hub-toast-out .18s ease-in both}.kdl-hub-toast-icon{flex:0 0 auto;margin-right:8px;font-weight:700}.kdl-hub-toast+.kdl-hub-toast{margin-top:8px}@keyframes kdl-hub-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes kdl-hub-toast-out{to{opacity:0;transform:translateY(12px)}}