.td-search--bing{position:relative;width:100%}.td-search__wrapper{position:relative;display:flex;align-items:center;width:100%}.td-search-input--bing{flex:1;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:.5rem 5.5rem .5rem .75rem;transition:all .2s ease;font-size:.9rem;height:38px}.td-search-input--bing:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 .2rem rgba(0,120,212,.25)}.td-search-input--bing::placeholder{color:#6c757d;opacity:1}.td-search__button,.td-search__clear{position:absolute;display:flex;align-items:center;justify-content:center;background-color:initial;border:none;cursor:pointer;padding:.375rem;border-radius:3px;transition:all .2s ease;color:#6c757d;height:28px;width:28px;top:50%;transform:translateY(-50%)}.td-search__button{right:.5rem;color:#0078d4}.td-search__clear{right:2.5rem;color:#999}.td-search__button:hover,.td-search__clear:hover{background-color:rgba(0,0,0,5%);color:#333}.td-search__button:active,.td-search__clear:active{transform:translateY(-50%)scale(.95)}.td-search__button svg,.td-search__clear svg{display:block}body.dark-mode .td-search-input--bing{background-color:#2d2d2d;color:#e0e0e0;border-color:#4a4a4a}body.dark-mode .td-search-input--bing:focus{border-color:#4da6ff;box-shadow:0 0 0 .2rem rgba(77,166,255,.25)}body.dark-mode .td-search-input--bing::placeholder{color:#9e9e9e;opacity:1}body.dark-mode .td-search__button,body.dark-mode .td-search__clear{color:#9e9e9e}body.dark-mode .td-search__button{color:#4da6ff}body.dark-mode .td-search__button:hover,body.dark-mode .td-search__clear:hover{background-color:rgba(255,255,255,.1);color:#e0e0e0}body.eyecare-mode .td-search-input--bing{background-color:#f4f1e8;color:#3d3d3d;border-color:#d4c4a0}body.eyecare-mode .td-search-input--bing:focus{border-color:#b8a074;box-shadow:0 0 0 .2rem rgba(184,160,116,.25)}body.eyecare-mode .td-search-input--bing::placeholder{color:#7d7d7d;opacity:1}body.eyecare-mode .td-search__button:hover,body.eyecare-mode .td-search__clear:hover{background-color:rgba(0,0,0,5%);color:#3d3d3d}body.dark-mode.eyecare-mode .td-search-input--bing{background-color:#2a2922;color:#d4c4a0;border-color:#4a453a}body.dark-mode.eyecare-mode .td-search-input--bing:focus{border-color:#8b7355;box-shadow:0 0 0 .2rem rgba(139,115,85,.25)}body.dark-mode.eyecare-mode .td-search-input--bing::placeholder{color:#8b8b8b;opacity:1}body.dark-mode.eyecare-mode .td-search__button,body.dark-mode.eyecare-mode .td-search__clear{color:#8b8b8b}body.dark-mode.eyecare-mode .td-search__button{color:#b8a074}body.dark-mode.eyecare-mode .td-search__button:hover,body.dark-mode.eyecare-mode .td-search__clear:hover{background-color:rgba(212,196,160,.1);color:#d4c4a0}.td-search-input--bing:hover:not(:focus){border-color:#999}body.dark-mode .td-search-input--bing:hover:not(:focus){border-color:#666}body.eyecare-mode .td-search-input--bing:hover:not(:focus){border-color:#c4b490}body.dark-mode.eyecare-mode .td-search-input--bing:hover:not(:focus){border-color:#5a5445}@media(max-width:768px){.td-search-input--bing{font-size:.875rem;padding:.4rem 5rem .4rem .5rem}}