.t9-searchbar{position:relative;display:flex;align-items:center;gap:10px;width:340px;max-width:100%;height:48px;padding:0 14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#ffffff;box-shadow:0 8px 24px rgba(15,23,42,.08);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.t9-searchbar:focus-within{border-color:#f3762e;box-shadow:0 8px 26px rgba(243,118,46,.16),0 0 0 4px rgba(243,118,46,.1);transform:translateY(-1px)}.t9-searchbar-icon{flex:none;color:#94a3b8;transition:color .25s ease}.t9-searchbar:focus-within .t9-searchbar-icon{color:#f3762e}.t9-searchbar input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;font-size:14px;font-weight:500;color:#0f172a}.t9-searchbar input:focus-visible{outline-width:0;outline-color:transparent}.t9-searchbar input::placeholder{color:#94a3b8}.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:rgba(15,23,42,.06);color:#0f172a;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.t9-searchbar-clear:hover{background:rgba(243,118,46,.12);color:#f3762e;transform:scale(1.08)}.t9-searchbar-kbd{flex:none;padding:3px 7px;border:1px solid rgba(15,23,42,.1);border-radius:6px;background:rgba(15,23,42,.03);color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.02em}@media (max-width:767px){.t9-searchbar{width:100%}.t9-searchbar-kbd{display:none}}