@layer components{.icon{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.75px;flex:none;width:1.125em;height:1.125em}.token{font-family:var(--font-display);font-size:var(--text-body);font-weight:800;font-stretch:100%;line-height:1.2}.token[data-focus-visible],.token:focus-visible{outline:var(--outline-thick) solid var(--focus);outline-offset:3px}.token{--token-face:var(--token);background:var(--token-face);border:var(--outline-thin) solid var(--print-ink);border-radius:var(--radius-full);box-shadow:inset 0 0 0 2px var(--token-face), inset 0 0 0 3.5px color-mix(in oklab, var(--print-ink) 35%, transparent), 0 3px 7px var(--shadow);color:var(--on-token);cursor:pointer;align-self:flex-start;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-m) 0 var(--space-s);transition:transform var(--transition-base,0) var(--timing,ease), box-shadow var(--transition-base,0) var(--timing,ease);text-decoration:none;display:inline-flex;position:relative}.token:before{border-radius:var(--radius-full);box-sizing:border-box;content:"";height:12px;transition:background-color var(--transition-fast,0) var(--timing,ease);background:currentColor;flex:none;width:12px}.token[aria-current=page]:before{background:var(--print-brick)}@media (hover:hover) and (pointer:fine){.token[data-hovered]{transform:translateY(-3px)rotate(-1.5deg)}.token[data-hovered]:before{background:var(--print-brick)}}.token[data-pressed]{transform:translateY(1px)}.token[data-pending]{cursor:progress}.token[data-pending]:before{animation:token-roll var(--transition-slow,0) linear infinite;background:0 0;border:2.5px solid;border-right-color:#0000}.token[data-disabled]{box-shadow:inset 0 0 0 2px var(--token-face);color:color-mix(in oklab, var(--print-ink) 55%, var(--token-face));cursor:not-allowed;transform:none}.token[data-selected]{--token-face:var(--print-ink);box-shadow:inset 0 0 0 2px var(--token-face);color:var(--print-paper);transform:none}.token[data-selected]:before{background:var(--print-marigold)}.token.accent{--token-face:var(--print-marigold)}.token.icon-only{justify-content:center;min-width:44px;padding:0}.token.icon-only:before{display:none}.token .token-icon{margin-inline-end:calc(var(--space-xs) * -.5)}.token .token-progress{position:absolute}@keyframes token-roll{to{transform:rotate(1turn)}}}