.tfn{--tfn-surface:#ffffff;--tfn-line:#e6ebf1;--tfn-ink:#1e1e1e;--tfn-body:#4a5568;--tfn-mut:#8b98a8;--tfn-soft:#f6f9fc;--tfn-ok:#16a46b;--tfn-ok-bg:#e7f7f0;--tfn-dan:#e53935;--tfn-dan-bg:#fdeceb;--tfn-info:#0099ff;--tfn-info-bg:#eaf6ff;--tfn-sh:0 12px 34px rgb(15 30 50 / 0.16);--tfn-ease:cubic-bezier(0.22, 1, 0.36, 1);position:fixed;z-index:100000;top:var(--tfn-top,90px);transition:top 0.2s var(--tfn-ease);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(440px, calc(100vw - 32px));direction:rtl;pointer-events:none}html[data-theme="dark"] .tfn{--tfn-surface:#16202b;--tfn-line:#2c3c4e;--tfn-ink:#e8eef6;--tfn-body:#b3c1d0;--tfn-mut:#7d8ea1;--tfn-soft:#111a23;--tfn-ok:#2fbc85;--tfn-ok-bg:#102e22;--tfn-dan:#ff6b6b;--tfn-dan-bg:#38201f;--tfn-info:#4fb3ff;--tfn-info-bg:#10283a;--tfn-sh:0 14px 40px rgb(0 0 0 / 0.55)}.tfn *,.tfn *::before,.tfn *::after{box-sizing:border-box}.tfn-item{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px 15px;border:1px solid var(--tfn-line);border-radius:14px;background:var(--tfn-surface);box-shadow:var(--tfn-sh);overflow:hidden;font-family:inherit;font-size:13.5px;line-height:1.85;color:var(--tfn-body);animation:tfn-in 0.34s var(--tfn-ease) both}@keyframes tfn-in{from{opacity:0;transform:translateY(-14px) scale(.97)}}.tfn-item.is-out{animation:tfn-out 0.24s var(--tfn-ease) forwards}@keyframes tfn-out{to{opacity:0;transform:translateY(-10px) scale(.97)}}.tfn-ic{display:grid;place-items:center;width:26px;height:26px;flex:none;margin-top:1px;border-radius:50%}.tfn-ic svg{width:15px;height:15px}.tfn-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.tfn-text{color:var(--tfn-ink);font-weight:600}.tfn-act{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--tfn-line);border-radius:9px;background:var(--tfn-soft);color:var(--tfn-ink);font-size:12.5px;font-weight:700;text-decoration:none;line-height:1.6;transition:all 0.2s var(--tfn-ease)}.tfn-act svg{width:13px;height:13px;transition:transform 0.2s var(--tfn-ease)}.tfn-act:hover{border-color:currentColor}.tfn-act:hover svg{transform:translateX(-3px)}.tfn-item--success .tfn-act:hover{color:var(--tfn-ok);background:var(--tfn-ok-bg)}.tfn-item--error .tfn-act:hover{color:var(--tfn-dan);background:var(--tfn-dan-bg)}.tfn-item--info .tfn-act:hover{color:var(--tfn-info);background:var(--tfn-info-bg)}.tfn-text a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}.tfn-item{line-height:1.9}.tfn-x{display:grid;place-items:center;width:26px;height:26px;flex:none;margin-top:1px;padding:0;border:0;border-radius:8px;background:#fff0;color:var(--tfn-mut);cursor:pointer;transition:background 0.2s var(--tfn-ease),color 0.2s var(--tfn-ease)}.tfn-x svg{width:14px;height:14px}.tfn-x:hover{background:var(--tfn-soft);color:var(--tfn-ink)}.tfn-x:focus-visible{outline:2px solid var(--tfn-info);outline-offset:1px}.tfn-bar{position:absolute;inset-inline-start:0;bottom:0;height:3px;width:100%;transform-origin:right;opacity:.55}.tfn-item[data-type="success"] .tfn-bar{animation:tfn-count var(--tfn-timeout,5000ms) linear forwards}.tfn-item[data-type="info"] .tfn-bar{animation:tfn-count var(--tfn-timeout,5000ms) linear forwards}@keyframes tfn-count{to{transform:scaleX(0)}}.tfn-item:hover .tfn-bar,.tfn-item:focus-within .tfn-bar{animation-play-state:paused}.tfn-item--success{border-inline-start:4px solid var(--tfn-ok)}.tfn-item--success .tfn-ic{background:var(--tfn-ok-bg);color:var(--tfn-ok)}.tfn-item--success .tfn-bar{background:var(--tfn-ok)}.tfn-item--error{border-inline-start:4px solid var(--tfn-dan)}.tfn-item--error .tfn-ic{background:var(--tfn-dan-bg);color:var(--tfn-dan)}.tfn-item--error .tfn-bar{display:none}.tfn-item--info{border-inline-start:4px solid var(--tfn-info)}.tfn-item--info .tfn-ic{background:var(--tfn-info-bg);color:var(--tfn-info)}.tfn-item--info .tfn-bar{background:var(--tfn-info)}@media (max-width:600px){.tfn{width:calc(100vw - 20px)}.tfn-item{padding:12px 14px 13px;font-size:13px;border-radius:12px}}@media (prefers-reduced-motion:reduce){.tfn-item,.tfn-item.is-out{animation:none}.tfn-bar{display:none}}