html .nn-toast.nn-product-toast{pointer-events:auto;top:auto;bottom:calc(88px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--nn-ink,#111827);color:#fff;z-index:10000;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:min(420px,100vw - 32px);padding:8px 12px 8px 16px;font-size:13px;line-height:1.5;animation:.18s ease-out both nn-toast-enter;display:flex;position:fixed;left:50%;right:auto;transform:translate(-50%);box-shadow:0 4px 14px #00000016}.nn-product-toast>span{overflow-wrap:anywhere;min-width:0}html .nn-product-toast .nn-toast-close{color:#fff;background:0 0;border:0;flex:none;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;display:grid;position:relative}.nn-product-toast .nn-toast-close:after{content:"";position:absolute;inset:-8px}html .nn-toast.nn-product-toast.is-leaving{animation:.18s ease-in both nn-toast-leave}@keyframes nn-toast-enter{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes nn-toast-leave{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion:reduce){html .nn-toast.nn-product-toast,html .nn-toast.nn-product-toast.is-leaving{animation:none}html .nn-toast.nn-product-toast.is-leaving{opacity:0}}.nn-toast-action{flex:none}html .nn-toast-action button{color:#fff;background:0 0;border:0;width:auto;min-width:0;min-height:44px;padding:0 4px;font-size:12px;text-decoration:underline}