.bdg{background:color-mix(in srgb, var(--lemon) 24%, var(--surface));color:var(--ink);text-align:left;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 0;padding:9px 12px;font-size:13px;font-weight:600;line-height:1.4;animation:.35s cubic-bezier(.2,.8,.2,1) both bdg-in;display:flex;box-shadow:inset 0 0 0 1px #8a5a2b66}.bdg>span{flex:14em;min-width:0}.bdg button{background:var(--ink);min-height:32px;color:var(--surface);font:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 12px;font-weight:800;transition:filter .15s,transform .12s}.bdg button:hover{filter:brightness(1.15)}.bdg button:active{transform:translateY(1px)}.bdg button:focus-visible{outline:2px solid var(--lemon);outline-offset:2px}@keyframes bdg-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.bdg{animation:none}}