/* 1XEV back pill. Host tokens: --xbk-ink -arrow -bg -line -font -ring -top */
.xbk{display:inline-flex;align-items:center;gap:6px;flex:none;box-sizing:border-box;min-height:44px;min-width:44px;padding:0 14px 0 9px;border-radius:999px;
border:1px solid var(--xbk-line,color-mix(in srgb,currentColor 32%,transparent));background:var(--xbk-bg,transparent);color:var(--xbk-ink,inherit);
font:600 13px/1 var(--xbk-font,system-ui,sans-serif);text-decoration:none;white-space:nowrap;cursor:pointer;
-webkit-tap-highlight-color:transparent;transition:border-color .2s,background-color .2s,color .2s}
.xbk svg{display:block;width:18px;height:18px;flex:none;color:var(--xbk-arrow,currentColor);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.xbk:focus-visible{outline:2px solid var(--xbk-ring,var(--xbk-arrow,currentColor));outline-offset:2px}
.xbk:focus-visible svg{transform:translateX(-3px)}
.xbk:active{background:color-mix(in srgb,var(--xbk-arrow,currentColor) 16%,transparent)}
@media (hover:hover){.xbk:hover{border-color:var(--xbk-arrow,currentColor)}.xbk:hover svg{transform:translateX(-3px)}}
.xbk-s{display:none}
.xbk-block{display:flex;width:max-content;max-width:100%;margin:0 0 10px}
.xbk-flow{margin:12px 16px}
:not(body)>.xbk-flow:only-child{margin:12px 0}
.xbk-fixed{position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + var(--xbk-top,12px));left:calc(env(safe-area-inset-left,0px) + 12px);
background:var(--xbk-bg,rgba(12,12,12,.78));color:var(--xbk-ink,#f2efe9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@media (prefers-reduced-motion:reduce){.xbk,.xbk svg{transition:none}.xbk:hover svg,.xbk:focus-visible svg{transform:none}}
@media print{.xbk{display:none!important}}