.ab-tile{--t-hi: color-mix(in srgb, var(--green) 62%, var(--page));--t-mid: var(--green);--t-lo: color-mix(in srgb, var(--green) 80%, var(--ink));--t-glyph: var(--ink);--t-shadow: color-mix(in srgb, var(--green) 55%, var(--ink));position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.2em;height:1.2em;border-radius:.3em;background:linear-gradient(180deg,var(--t-hi) 0%,var(--t-mid) 46%,var(--t-lo) 100%);color:var(--t-glyph);box-shadow:inset 0 .04em color-mix(in srgb,var(--page) 78%,transparent),inset 0 -.07em .1em color-mix(in srgb,var(--ink) 16%,transparent),inset 0 0 0 .02em color-mix(in srgb,var(--ink) 16%,transparent),0 .02em .04em color-mix(in srgb,var(--ink) 34%,transparent),0 .12em .24em -.04em color-mix(in srgb,var(--t-shadow) 52%,transparent);transform:translateZ(0)}.ab-tile[data-tone=lime]{--t-hi: color-mix(in srgb, var(--lime) 55%, var(--page));--t-mid: var(--lime);--t-lo: color-mix(in srgb, var(--lime) 78%, var(--ink));--t-shadow: color-mix(in srgb, var(--lime) 50%, var(--ink))}.ab-tile[data-tone=ink]{--t-hi: color-mix(in srgb, var(--ink) 80%, var(--page));--t-mid: color-mix(in srgb, var(--ink) 94%, var(--page));--t-lo: var(--ink);--t-glyph: var(--green);--t-shadow: var(--ink)}.ab-tile:before{content:"";position:absolute;top:.035em;right:.035em;bottom:46%;left:.035em;border-radius:.265em .265em .5em .5em/.265em .265em .16em .16em;background:linear-gradient(180deg,color-mix(in srgb,var(--page) 46%,transparent),color-mix(in srgb,var(--page) 4%,transparent));pointer-events:none}.ab-tile[data-tone=ink]:before{background:linear-gradient(180deg,color-mix(in srgb,var(--page) 20%,transparent),color-mix(in srgb,var(--page) 2%,transparent))}.ab-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--page) 55%,transparent),transparent 62%);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:none}.ab-glyph{display:block;width:.62em;height:.62em;overflow:visible}.ab-tile .ab-glyph{position:relative;z-index:1;filter:drop-shadow(0 .025em 0 color-mix(in srgb,var(--page) 38%,transparent))}.ab-tile[data-tone=ink] .ab-glyph{filter:drop-shadow(0 .03em .04em color-mix(in srgb,var(--green) 40%,transparent))}.ab-glyph .d{fill:currentColor;fill-opacity:.26}.ab-glyph .s{fill:currentColor;stroke:none}.ab-obj,.ab-ink__w--pill>.ab-ink__o{max-width:100%;overflow-wrap:anywhere;--o-hi: color-mix(in srgb, var(--lime) 26%, var(--page));--o-lo: color-mix(in srgb, var(--lime) 46%, var(--page));--o-ring: color-mix(in srgb, var(--lime) 62%, var(--ink) 14%);display:inline-block;margin-block:-.12em;padding:.04em .5em .09em .36em;border-radius:999px;background:linear-gradient(180deg,var(--o-hi),var(--o-lo));box-shadow:inset 0 .03em color-mix(in srgb,var(--page) 80%,transparent),inset 0 0 0 .03em var(--o-ring),0 .03em .06em color-mix(in srgb,var(--ink) 14%,transparent);line-height:1}.ab-obj[data-tone=green]{--o-hi: color-mix(in srgb, var(--green) 14%, var(--page));--o-lo: color-mix(in srgb, var(--green) 30%, var(--page));--o-ring: color-mix(in srgb, var(--green) 62%, var(--ink) 18%)}.ab-obj[data-tone=soft]{--o-hi: color-mix(in srgb, var(--ink) 3%, var(--page));--o-lo: color-mix(in srgb, var(--ink) 8%, var(--page));--o-ring: color-mix(in srgb, var(--ink) 20%, transparent)}.ab-ink__w--pill .ab-pin,.ab-obj .ab-pin{display:inline-block;width:.72em;height:.72em;margin-right:.22em;vertical-align:-.06em;color:var(--ink)}.ab-obj>.ab-tile{width:1.12em;height:1.12em;margin:-.2em .4em -.2em -.3em;vertical-align:-.2em}