.hub-toast-viewport{right:var(--space-5);bottom:var(--space-5);z-index:1100;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.hub-toast-viewport__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hub-toast-viewport__item{pointer-events:auto;animation:hub-fade-up var(--dur-base) var(--ease-out)}.hub-toast{align-items:flex-start;gap:var(--space-3);width:min(400px,100vw - 48px);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--toast-border);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--shadow-lg);font-family:var(--font-secondary);font-size:var(--text-base);line-height:var(--leading-normal);--_icon:var(--toast-icon-info);display:flex}.hub-toast--exito{--_icon:var(--toast-icon-success)}.hub-toast--error{--_icon:var(--toast-icon-error)}.hub-toast__icon{color:var(--_icon);margin-top:1px;display:inline-flex}.hub-toast__message{flex:1;min-width:0;padding-top:1px}.hub-toast__close{margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0;color:inherit;opacity:.8}.hub-toast__close:hover{opacity:1;background:var(--toast-close-hover);color:inherit}.hub-toast__close:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--toast-focus);outline:2px solid #0000}