/* xlli-badge.css -- badge rule 1.7: the four buttons, the bars, and the source pane. Appended to xlli-chrome.css by versions_convert.py. */
#xlli-chrome .xlli-badge{display:inline-flex;gap:0;padding:0;overflow:hidden}
#xlli-chrome .xlli-badge button{all:unset;cursor:pointer;padding:3px 8px;font:inherit;color:inherit;border-right:1px solid #3a5a44}
#xlli-chrome .xlli-badge button:last-child{border-right:0}
#xlli-chrome .xlli-badge button[aria-pressed="true"]{background:#e6f0e8;color:#172019}
#xlli-chrome .xlli-badge button:focus-visible{outline:2px solid #0F8B8D;outline-offset:-2px}
.xlli-badge-pane{position:fixed;left:0;right:0;bottom:0;height:45vh;z-index:9998;background:#fbfaf7;color:#1c2128;border-top:2px solid #172019;overflow:auto;box-shadow:0 -6px 18px rgba(0,0,0,.15)}
.xlli-badge-pane-head{position:sticky;top:0;background:#f2f0ea;border-bottom:1px solid #d9dee5;padding:6px 14px;font:11.5px ui-monospace,Consolas,monospace;color:#5c6673}
.xlli-badge-pane-head code{color:#1c2128}
.xlli-badge-refused{background:#3a1f1d;color:#ff8a80}
.xlli-badge-src{margin:0;padding:12px 14px;font:11.5px/1.45 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}
@media (prefers-color-scheme:dark){.xlli-badge-pane{background:#10141a;color:#e6eaef}.xlli-badge-pane-head{background:#171d26;border-color:#2a3340;color:#9aa6b4}.xlli-badge-pane-head code{color:#e6eaef}}
#xlli-chrome .xlli-badge .xlli-badge-hide{padding:3px 6px;color:#9fb8a7}
#xlli-chrome .xlli-badge.collapsed{background:#fbfaf7;border-color:#c9cfd6}
#xlli-chrome .xlli-badge .xlli-badge-expand{display:inline-flex;gap:4px;padding:2px 5px;cursor:pointer}
.xlli-bars{display:inline-block;vertical-align:middle}
.xlli-bars rect{transition:width .45s cubic-bezier(.2,.8,.2,1)}
#xlli-chrome .xlli-badge.appear button[data-source]{animation:xlli-badge-in .3s ease-out}
@keyframes xlli-badge-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.xlli-bars rect{transition:none}#xlli-chrome .xlli-badge.appear button[data-source]{animation:none}}
