.tsp{flex:1 1 auto;min-width:var(--tsp-min, 210px);max-width:var(--tsp-max, 520px);height:48px;display:flex;align-items:center;gap:10px;padding:0 8px 0 18px;background:var(--white, #fff);border:1px solid var(--border, #e0e0e0);border-radius:var(--radius-pill, 999px);color:var(--ink-light, #80868b);box-shadow:0 2px 10px #3c404314;transition:border-color var(--tr, .15s ease),box-shadow var(--tr, .15s ease)}.tsp:focus-within{border-color:var(--g-blue, #4285f4);box-shadow:0 2px 14px #4285f42e}.tsp-field{flex:1;min-width:0;display:flex;align-items:center;gap:10px;cursor:text}.tsp-field>svg{flex-shrink:0}.tsp input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:var(--font-ui, "Plus Jakarta Sans", sans-serif);font-size:14px;color:var(--ink, #202124)}.tsp input::placeholder{color:var(--ink-light, #80868b)}.tsp-clear{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--border, #e0e0e0);color:var(--ink-mid, #3c4043);text-decoration:none;transition:background var(--tr, .15s ease),color var(--tr, .15s ease)}.tsp-clear:hover{background:#d2d5d8;color:var(--ink, #202124)}.tsp-btn{flex-shrink:0;height:34px;border:0;padding:0 18px;border-radius:var(--radius-pill, 999px);background:var(--g-blue, #4285f4);color:var(--white, #fff);font-family:var(--font-ui, "Plus Jakarta Sans", sans-serif);font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--tr, .15s ease)}.tsp-btn:hover{background:var(--blue-dark, #1a56c4)}.tsp-btn:focus-visible{outline:2px solid var(--g-blue, #4285f4);outline-offset:2px}@media(max-width:640px){.tsp{--tsp-max: 100%;flex-basis:100%}}