.bn-wrap{flex-direction:column;display:flex}.bn{border-bottom:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 14%,#0a0c0f),#0a0c0f 60%);align-items:center;gap:14px;padding:10px 28px;font-size:13px;animation:.25s ease-out ui-in;display:flex}.bn-pause{--acc:#ffb547}.bn-deposit{--acc:#b6f500}.bn-deposit .bn-ico{color:var(--lime)}.bn-ico{width:30px;height:30px;color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);border-radius:9px;flex:none;place-items:center;font-weight:900;display:grid}.bn-pack{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--acc) 60%,transparent));flex:none}.bn-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bn-text b{font-size:13.5px;font-weight:800}.bn-text>span{color:var(--muted);line-height:1.45}.bn-actions{flex:none;align-items:center;gap:8px;display:flex}.bn-x{width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;font-size:20px;line-height:1}.bn-x:hover{color:#fff;background:#171b20}@media (max-width:900px){.bn{flex-wrap:wrap;gap:10px 12px;padding:10px 16px}.bn-text{flex-basis:calc(100% - 60px)}.bn-actions{width:100%}.bn-actions .ui-btn{flex:1}}@media (prefers-reduced-motion:reduce){.bn{animation:none}}