.an-bar{--an-accent:#8ab4ff;position:relative;display:flex;align-items:center;gap:14px;margin:0 0 28px;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-inline-start:3px solid var(--an-accent);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);color:#fff}.an-bar[data-tone=SUCCESS]{--an-accent:#4ade80}.an-bar[data-tone=WARNING]{--an-accent:#fbbf24}.an-bar-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--an-accent) 22%,transparent);color:var(--an-accent)}.an-bar-text{min-width:0;flex:1 1 auto}.an-bar-text strong{display:block;font-size:15px;font-weight:900}.an-bar-text p{margin:0;font-size:14.5px;line-height:1.75;color:#dbe4ff;overflow-wrap:anywhere}.an-bar-text strong+p{margin-top:2px}.an-bar-ack,.an-bar-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:40px;padding:0 16px;border-radius:12px;font-weight:800;font-size:14px;white-space:nowrap;transition:background .15s,transform .12s}.an-bar-cta{background:var(--an-accent);color:#10192e}.an-bar-cta:hover{filter:brightness(1.08)}.an-bar-ack{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer}.an-bar-ack:hover{background:rgba(255,255,255,.2)}.an-bar-ack:active,.an-bar-cta:active{transform:translateY(1px)}@media (max-width:760px){.an-bar{flex-wrap:wrap;gap:10px 12px;padding:14px;margin-bottom:22px}.an-bar-text{flex:1 1 calc(100% - 50px)}.an-bar-ack,.an-bar-cta{flex:1 1 calc(50% - 6px);min-height:var(--tap-min)}.an-bar-ack:only-of-type,.an-bar-cta:only-of-type{flex-basis:100%}}@media (max-width:380px){.an-bar-ack,.an-bar-cta{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.an-bar-ack,.an-bar-cta{transition:none}}