.transfer-notification{position:fixed;top:82px;right:24px;z-index:60;display:flex;align-items:flex-start;gap:12px;width:360px;max-width:calc(100vw - 32px);padding:16px 12px 14px 16px;border:1px solid var(--line);border-radius:12px;background:#141619;box-shadow:0 8px 28px #0005;color:var(--ink)}
.transfer-notification-icon{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;margin-top:1px;border:1px solid #665239;border-radius:8px;font-size:15px;color:var(--gold)}
.transfer-notification-copy{min-width:0;flex:1}
.transfer-notification h2{font-size:14px;line-height:1.5;font-weight:600;margin:0 0 4px;overflow-wrap:anywhere}
.transfer-notification p{font-size:12px;line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere}
.transfer-notification a{display:inline-flex;align-items:center;min-height:32px;font-size:11px;line-height:1.5;color:var(--gold);text-decoration:none;margin-top:4px}
#transfer-notification-close{flex-shrink:0;margin:-8px -8px 0 0;min-height:40px;width:40px;padding:4px;background:transparent;border:0;font-size:20px;line-height:1;color:var(--muted);font-weight:400}
#transfer-notification-close:hover{color:var(--ink)}
.transfer-notification[data-state=success] .transfer-notification-icon{color:var(--green);border-color:#275b4b}
.transfer-notification[data-state=error] .transfer-notification-icon{color:var(--red);border-color:#70404a}
.transfer-notification[data-state=unknown] .transfer-notification-icon{color:var(--gold)}
.transfer-validation{font-size:11px;line-height:1.7;color:var(--red);margin:10px 0 0;overflow-wrap:anywhere}
.transfer-validation:empty{display:none}
#transfer-amount[aria-invalid=true]{border-color:var(--red)}
@media(max-width:520px){.transfer-notification{top:126px;right:16px;padding:16px 10px 16px 16px;gap:10px}}
.transfer-notification{max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:520px){.transfer-notification{max-height:calc(100dvh - 142px)}}

.transfer-notification[data-state=warning]{border-color:#51432f}
.transfer-notification[data-state=warning] .transfer-notification-icon{border:0;background:#2b2419;font-size:16px}
.transfer-notification a:hover{text-decoration:underline;text-underline-offset:3px}