.ti-row{align-items:center;gap:8px;display:flex;position:relative}.ti{display:inline-flex;position:static}.ti-btn{border:1.5px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--ink-40);cursor:pointer;transition:border-color .14s linear, transform .14s var(--ease-snap);border-radius:10px;flex:none;place-items:center;display:grid}.ti-btn svg{display:block}.ti-ok .ti-btn{color:var(--live)}.ti-no .ti-btn{color:var(--risk)}.ti-btn:hover,.ti-btn:focus-visible{border-color:var(--ink);outline:none}.ti.is-open .ti-btn{border-color:var(--ink)}.ti-pop{z-index:40;border:1.5px solid var(--ink);border-radius:var(--r-block);background:var(--bg);width:280px;max-width:100%;box-shadow:var(--shadow-block);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .12s linear;display:flex;position:absolute;top:calc(100% + 8px);left:0}.ti.is-open .ti-pop,.ti:focus-within .ti-pop{opacity:1;visibility:visible;pointer-events:auto}@media (hover:hover){.ti:hover .ti-pop,.ti-pop:hover{opacity:1;visibility:visible;pointer-events:auto}}.ti-pop-k{font-size:13px;font-weight:600;line-height:1.3}.ti-pop-v{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;line-height:1.4}.ti-ok .ti-pop-v{color:var(--live)}.ti-no .ti-pop-v{color:var(--risk)}.ti-pop-t{color:var(--ink-70);font-size:12px;line-height:1.5}.ti-pop-a{text-underline-offset:2px;align-self:flex-start;font-size:12px;text-decoration:underline}@media (max-width:900px){.ti-btn{width:44px;height:44px}.ti-pop{width:min(320px,100%)}.ti-pop-a{align-items:center;min-height:44px;display:inline-flex}}