.pill{--pill-ground:var(--tone-ink);--pill-ink:var(--tone-page);--pill-edge:transparent;--pill-focus:var(--pill-ground);--pill-height:48px;--pill-circle:36px;--pill-inset:calc((var(--pill-height) - var(--pill-circle)) / 2);--pill-lead:24px;--pill-gap:36px;box-sizing:border-box;height:var(--pill-height);padding-left:var(--pill-lead);padding-right:calc(var(--pill-inset) + var(--pill-circle) + var(--pill-gap));font:inherit;font-size:var(--text-sub);letter-spacing:var(--tracking-normal);text-align:left;background:var(--pill-ground);color:var(--pill-ink);box-shadow:inset 0 0 0 1px var(--pill-edge);cursor:pointer;border:0;border-radius:999px;align-items:center;font-weight:500;line-height:24px;text-decoration:none;transition:opacity .2s;display:inline-flex;position:relative}.pill:hover{opacity:.85}.pill:focus-visible{outline:2px solid var(--pill-focus);outline-offset:2px}.pill-arrow{right:var(--pill-inset);top:var(--pill-inset);width:var(--pill-circle);height:var(--pill-circle);background:var(--pill-ink);color:var(--pill-ground);border-radius:999px;place-items:center;display:grid;position:absolute}.pill-arrow svg{transition:rotate .3s var(--ease-swing)}.pill:hover .pill-arrow svg,.pill:focus-visible .pill-arrow svg{rotate:45deg}.pill-icon{flex:none;margin-right:8px}@media (prefers-reduced-motion:reduce){.pill-arrow svg{transition:none}}.pill-accent{--pill-ground:var(--tone-acid);--pill-ink:var(--tone-acid-ink)}.pill-outline{--pill-ground:var(--tone-page);--pill-ink:var(--tone-ink);--pill-edge:var(--tone-rule);--pill-focus:var(--pill-ink)}.pill-theme{--pill-ground:var(--tone-ink);--pill-ink:var(--tone-page)}