html .nn-toast.nn-product-toast{pointer-events:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;color:#fff;z-index:10000;background:#273044;border-radius:12px;align-items:center;gap:10px;width:calc(100vw - 40px);max-width:420px;padding:14px 17px;font-size:13px;line-height:1.6;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{pointer-events:none;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}html .nn-toast.nn-product-toast.is-above-dock{bottom:calc(88px + env(safe-area-inset-bottom))}.nn-product-toast .nn-toast-status-icon{flex:none}html .nn-toast.nn-product-toast{justify-content:flex-start}.nn-product-toast>span{flex:1}html .nn-toast.nn-product-toast:not(.is-interactive){pointer-events:none}