/* Federated Banking — notify.css, the site theme of @iof-kit/site */
.ntf{position:fixed;z-index:90;bottom:22px;inset-inline-end:22px;display:flex;flex-direction:column-reverse;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.ntf__item{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 14px 16px;background:var(--c-ink);color:var(--c-on-ink);border-radius:14px;border:1px solid color-mix(in srgb,var(--c-on-ink) 8%,transparent);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--c-ink) 55%,transparent);font-family:"Inter",Tahoma,sans-serif;direction:ltr;text-align:start;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity 220ms cubic-bezier(.2,.7,.2,1),transform 220ms cubic-bezier(.2,.7,.2,1);touch-action:pan-y}
.ntf__item.is-in{opacity:1;transform:none}
.ntf__item.is-out{opacity:0;transform:translateY(6px) scale(.98)}
.ntf__node{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--c,var(--c-accent))}
.ntf__node svg{width:18px;height:18px;fill:none;stroke:var(--c-on-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ntf--brand .ntf__node svg{fill:var(--c-on-ink)}
.ntf--success{--c:var(--c-ok)}.ntf--info{--c:var(--c-muted)}.ntf--warning{--c:var(--c-warn)}.ntf--error{--c:var(--c-err)}.ntf--brand{--c:var(--c-accent)}
.ntf__body{min-width:0}
.ntf__body b{display:block;font-size:14.5px;font-weight:800;line-height:1.5}
.ntf__body p{margin:2px 0 0;font-size:13.5px;line-height:1.7;color:var(--c-on-ink-muted);overflow-wrap:anywhere}
.ntf__acts{display:flex;gap:6px;margin-top:10px}
.ntf__btn{font:inherit;font-size:13px;font-weight:700;padding:5px 12px;border-radius:9px;background:var(--c-accent);color:var(--c-on-accent);border:0;cursor:pointer}
.ntf__btn--ghost{background:transparent;border:1px solid color-mix(in srgb,var(--c-on-ink) 30%,transparent)}
.ntf__x{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:transparent;border:0;color:var(--c-on-ink-dim);cursor:pointer}
.ntf__x:hover{color:var(--c-on-ink);background:color-mix(in srgb,var(--c-on-ink) 8%,transparent)}
.ntf__x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.ntf__rail{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--c-ink-track)}
.ntf__rail i{position:absolute;inset:0;background:var(--c,var(--c-accent));transform-origin:right}
@media (max-width:640px){.ntf{inset-inline:16px;bottom:16px;width:auto}}
@media (prefers-reduced-motion:reduce){.ntf__item{transition:none}}