.td-react-search{align-items:center;gap:var(--td-sp-5);min-width:0;width:min(100%, var(--td-search-width,420px));justify-self:start;display:flex;position:relative}.td-react-search--block{--td-search-width:100%;width:100%}.td-react-search--expand{transition:width var(--td-t-slow) var(--td-ease)}.td-react-search--expand:focus-within{width:var(--td-search-expanded,min(100%, 620px))}.td-react-search-field{align-items:center;gap:var(--td-sp-4);min-width:0;padding-inline:var(--td-sp-6);border-radius:var(--td-radius-4);background:color-mix(in srgb, var(--td-surface) 94%, black);box-shadow:inset 2px 2px 4px color-mix(in srgb, var(--td-shadow-dark) 55%, transparent), inset -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 45%, transparent), 0 0 0 1.5px rgb(from var(--td-accent) r g b / 0);transition:box-shadow var(--td-t-base) var(--td-ease);flex:auto;display:flex;position:relative}.td-react-search-field:focus-within{box-shadow:inset 2px 2px 4px color-mix(in srgb, var(--td-shadow-dark) 55%, transparent), inset -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 45%, transparent), 0 0 0 1.5px color-mix(in srgb, var(--td-accent) 55%, transparent)}.td-react-search-input{min-width:0;color:var(--td-ink);font:inherit;background:0 0;border:0;flex:auto;padding:0}.td-react-search-input::placeholder{color:var(--td-ink-3)}.td-react-search-input:focus{outline:none}.td-react-search-input::-webkit-search-cancel-button{appearance:none}.td-react-search-mark{color:var(--td-ink-3);flex:none;place-items:center;line-height:0;display:inline-grid}.td-react-search-mark>svg{fill:currentColor;width:15px;height:15px}.td-react-search-clear{cursor:pointer;width:22px;height:22px;color:var(--td-ink-3);transition:color var(--td-t-fast) var(--td-ease), box-shadow var(--td-t-fast) var(--td-ease);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.td-react-search-clear>svg{fill:currentColor;width:12px;height:12px}.td-react-search-clear:hover{color:var(--td-ink);box-shadow:inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 34%, transparent)}.td-react-search-clear:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-react-search-submit{cursor:pointer;min-height:var(--td-btn-h,42px);padding:0 var(--td-sp-8);border-radius:var(--td-radius-4);color:var(--td-ink);font:inherit;background:var(--td-raise-fill);box-shadow:3px 3px 7px color-mix(in srgb, var(--td-shadow-dark) 68%, transparent), -3px -3px 7px color-mix(in srgb, var(--td-shadow-light) 64%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease);border:0;flex:none;font-size:.86rem;font-weight:600}.td-react-search-submit:hover{background:var(--td-raise-fill-hover)}.td-react-search-submit:active{background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 52%, transparent), inset -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 30%, transparent), 0 0 0 1px var(--td-edge)}.td-react-search-submit:focus-visible{outline:2px solid var(--td-accent);outline-offset:3px}.td-react-search-submit:disabled{cursor:not-allowed;color:var(--td-ink-3);box-shadow:none;background:color-mix(in srgb, var(--td-ink-2) 8%, var(--td-surface))}.td-react-search[data-open] .td-react-search-field{border-end-end-radius:0;border-end-start-radius:0}.td-react-search-list{z-index:40;top:100%;max-height:320px;padding:var(--td-sp-4);background:var(--td-surface);box-shadow:6px 8px 20px color-mix(in srgb, var(--td-shadow-dark) 60%, transparent), -4px -4px 12px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1px var(--td-edge);animation:td-react-search-unfold var(--td-t-slow) var(--td-ease);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--td-radius-6);border-end-start-radius:var(--td-radius-6);margin:0;list-style:none;position:absolute;inset-inline:0;overflow-y:auto}.td-react-search-list:before{content:"";height:1px;margin:calc(var(--td-sp-4) * -1) calc(var(--td-sp-4) * -1) var(--td-sp-3);background:color-mix(in srgb, var(--td-shadow-dark) 50%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--td-shadow-light) 50%, transparent);display:block;position:sticky;top:0}@keyframes td-react-search-unfold{0%{opacity:0;max-height:0;padding-block:0}to{opacity:1;max-height:320px}}.td-react-search-option{cursor:pointer;min-width:0;padding:var(--td-sp-4) var(--td-sp-6);border-radius:var(--td-radius-4);color:var(--td-ink-2);gap:1px;font-size:.86rem;display:grid}.td-react-search-option--on{color:var(--td-ink);background:color-mix(in srgb, var(--td-surface) 97%, black);box-shadow:inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 34%, transparent)}.td-react-search-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.td-react-search-option-detail{color:var(--td-ink-3);font-size:.74rem}.td-react-search--sm .td-react-search-field{min-height:34px;font-size:.82rem}.td-react-search--md .td-react-search-field{min-height:var(--td-btn-h,42px)}.td-react-search--lg .td-react-search-field{min-height:var(--td-btn-h-lg,50px);padding-inline:var(--td-sp-7);font-size:1rem}.td-react-search--lg .td-react-search-mark>svg{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.td-react-search-list{animation:none}.td-react-search--expand,.td-react-search-field,.td-react-search-clear,.td-react-search-submit{transition:none}}.td-react-search--trigger{width:fit-content;display:inline-flex}.td-react-search--trigger.td-react-search--block{width:100%}.td-react-search-trigger{appearance:none;gap:var(--td-sp-3);width:100%;padding-inline:var(--td-sp-4);cursor:pointer;font:inherit;font-family:var(--td-font-ui);color:var(--td-ink-3);text-align:start;border:0}.td-react-search--sm .td-react-search-trigger{min-height:32px}.td-react-search-trigger:hover{color:var(--td-ink-2)}.td-react-search-trigger:active{box-shadow:inset 3px 3px 6px color-mix(in srgb, var(--td-shadow-dark) 68%, transparent), inset -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1.5px rgb(from var(--td-accent) r g b / 0)}.td-react-search-trigger:focus-visible{box-shadow:inset 2px 2px 4px color-mix(in srgb, var(--td-shadow-dark) 55%, transparent), inset -1px -1px 3px color-mix(in srgb, var(--td-shadow-light) 45%, transparent), 0 0 0 1.5px color-mix(in srgb, var(--td-accent) 55%, transparent);outline:none}.td-react-search-triggerlabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.td-react-search-kbd{border-radius:var(--td-radius-2);font-family:var(--td-font-mono);letter-spacing:.04em;color:var(--td-ink-3);box-shadow:inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 55%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 55%, transparent);flex:none;padding:2px 5px;font-size:.62rem;line-height:1.4}