@layer components{.ti-row{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ti{--b:var(--brand-d,var(--text));position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgb(var(--ink-rgb)/.08);border-radius:9px;background:rgb(var(--ink-rgb)/.035);color:var(--text-3);outline:none;transition:color .2s,border-color .2s,background-color .2s,transform .25s var(--spring)}:root[data-theme=light] .ti{--b:var(--brand-l,var(--text))}.ti svg{width:16px;height:16px}.ti b{font:600 10px/1 var(--font-mono)}.ti:focus-visible,.ti:hover{z-index:2;border-color:color-mix(in srgb,var(--b) 55%,transparent);background:color-mix(in srgb,var(--b) 13%,transparent);color:var(--b);transform:translateY(-2px)}.ti:focus-visible{box-shadow:0 0 0 2px var(--accent-line)}.ti-nm{position:absolute;bottom:calc(100% + 7px);left:50%;z-index:3;padding:5px 7px;border:1px solid var(--line-2);border-radius:6px;background:var(--g-tip);color:var(--text);font:500 11px/1 var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s,transform .15s}.ti:focus-visible .ti-nm,.ti:hover .ti-nm{opacity:1;transform:translate(-50%)}:root[data-js] .app-page[data-entered] .ti{animation:ti-in .4s var(--spring) backwards;animation-delay:calc(var(--k, 0) * 30ms + .35s)}@keyframes ti-in{0%{opacity:0;transform:scale(.6)}}:root[data-motion=off] .ti{animation:none!important}@media (prefers-reduced-motion:reduce){.ti{animation:none!important}}}