.t9-searchbar{position:relative;display:flex;align-items:center;gap:10px;width:340px;max-width:100%;height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);box-shadow:var(--anslation-ds-shadow-sm);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.t9-searchbar:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--primary);transform:translateY(-1px)}.t9-searchbar-icon{flex:none;color:var(--muted-foreground);transition:color .25s ease}.t9-searchbar:focus-within .t9-searchbar-icon{color:var(--primary)}.t9-searchbar input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:var(--foreground)}.t9-searchbar input:focus-visible{outline-width:0;outline-color:transparent}.t9-searchbar input::placeholder{color:var(--muted-foreground)}.t9-searchbar-clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:999px;background:var(--surface-soft);color:var(--foreground);cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.t9-searchbar-clear:hover{background:var(--primary-soft);color:var(--primary-text);transform:scale(1.08)}.t9-searchbar-kbd{flex:none;padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.02em}@media (max-width:767px){.t9-searchbar{width:100%}.t9-searchbar-kbd{display:none}}