.tia{--tm-water:var(--tia-bg);--tm-land:color-mix(in srgb, var(--tia-dim) 30%, var(--tia-bg))}.tia-tl{z-index:2;background:var(--tia-scrim);border:1px solid var(--tia-line);max-width:640px;color:var(--tia-dim);padding:6px 8px;font-size:12px;position:absolute;bottom:54px;left:12px;right:12px}.tia-tl .tl-row{align-items:center;gap:8px;display:flex}.tia-tl .tl-speed{gap:4px;display:flex}.tia-tl .tl-btn{border:1px solid var(--tia-line);color:var(--tia-ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.tia-tl .tl-btn[aria-pressed=true]{border-color:var(--tia-line-on);color:var(--tia-lime)}.tia-tl .tl-btn:focus-visible,.tia-tl .tl-range:focus-visible{outline:2px solid var(--tia-lime)}.tia-tl .tl-range{min-width:60px;accent-color:var(--tia-lime);cursor:pointer;flex:auto}.tia-tl .tl-time{color:var(--tia-ink);white-space:nowrap;flex:none;font-size:12px}.tia-tl .tl-count{color:var(--tia-dim);white-space:nowrap;flex:none;font-size:11px}.tia-tl .tl-note{color:var(--tia-faint);margin-top:4px;font-size:11px}@media (max-width:639px){.tia-tl{border-width:0 0 1px;max-width:none;padding:2px 8px;display:none;inset:0 0 auto}.tia[data-tl="1"] .tia-tl{display:block}.tia-tl .tl-row{gap:6px}.tia-tl .tl-count,.tia-tl .tl-speed,.tia-tl .tl-note{display:none}.tia-tl .tl-time{font-size:11px}.tia-tl .tl-btn{min-width:28px;height:28px}}@media (min-width:1024px){.tia-tl{right:184px}}.tia-mm{z-index:2;background:var(--tm-water);border:1px solid var(--tia-line);width:160px;height:120px;display:none;position:absolute;bottom:54px;right:12px}.tia-mm canvas{cursor:crosshair;touch-action:none;width:160px;height:120px;display:block}@media (min-width:1024px){.tia-mm{display:block}}