.handoff-state-banner{margin:18px 0 4px;padding:15px 18px;border-radius:15px;border:1px solid #4a3f50;background:#211c26;display:flex;align-items:center;justify-content:space-between;gap:18px}.handoff-state-main{display:flex;align-items:center;gap:12px}.handoff-state-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.handoff-state-copy{display:grid;gap:3px}.handoff-state-copy strong{font-family:Manrope,sans-serif;font-size:14px}.handoff-state-copy span{color:#b8afb9;font-size:12px;line-height:1.45}.handoff-state-meta{font-size:11px;color:#a99daa;text-align:right}.handoff-state-banner.ready{border-color:rgba(53,199,111,.45);background:rgba(53,199,111,.08)}.handoff-state-banner.ready .handoff-state-icon{background:#35c76f;color:#071a0d}.handoff-state-banner.ready .handoff-state-copy strong{color:#9af0bb}.handoff-state-banner.pending{border-color:rgba(255,216,77,.42);background:rgba(255,216,77,.07)}.handoff-state-banner.pending .handoff-state-icon{background:#ffd84d;color:#211a00}.handoff-state-banner.pending .handoff-state-copy strong{color:#ffe783}.handoff-state-banner.stale{border-color:rgba(255,138,117,.5);background:rgba(255,138,117,.08)}.handoff-state-banner.stale .handoff-state-icon{background:#ff8a75;color:#25151a}.handoff-state-banner.stale .handoff-state-copy strong{color:#ffad9d}.handoff-state-banner.complete{border-color:rgba(122,215,181,.45);background:rgba(122,215,181,.07)}.handoff-state-banner.complete .handoff-state-icon{background:#7ad7b5;color:#0d201a}.transfer-prep-state{margin-top:12px;padding:10px 12px;border-radius:11px;border:1px solid #44394a;background:#1b171f;font-size:12px;display:flex;gap:9px;align-items:center}.transfer-prep-state.ready{border-color:rgba(53,199,111,.45);color:#9af0bb}.transfer-prep-state.pending{border-color:rgba(255,216,77,.45);color:#ffe783}.transfer-prep-state.stale{border-color:rgba(255,138,117,.5);color:#ffad9d}.receive-unprepared{box-shadow:0 0 0 2px rgba(255,216,77,.12)}@media(max-width:720px){.handoff-state-banner{align-items:flex-start;flex-direction:column}.handoff-state-meta{text-align:left}}