.wrap-ai-search-bar{width:calc(100% - 20px);margin:40px 10px;margin-top:var(--searchbar-marginTop,40px);margin-bottom:var(--searchbar-marginBottom,40px)}.ai-search-bar{max-width:var(--searchbar-maxWidth,590px);background-color:var(--ai-search-bar-bg);border:1px solid var(--ai-search-bar-bdr);border-radius:30px;align-items:center;width:100%;margin:auto;padding:4px 36px 4px 12px;transition:box-shadow .3s;display:flex;position:relative;box-shadow:0 1px 10px #20212414}.ai-search-bar:hover,.ai-search-bar:focus-within{box-shadow:0 1px 10px #20212447}.ai-search-input{height:36px;color:var(--colortext);background:0 0;border:none;outline:none;flex:1;padding:4px 0 4px 10px;font-size:1.1em}.ai-search-input::placeholder{letter-spacing:-.5px}.ai-search-icon{cursor:pointer;width:20px;height:20px;transition:transform .2s}.ai-search-icon:hover{transform:scale(1.1)}.ai-search-icon svg{float:left;width:100%;height:100%}.ai-search-icon svg path:last-child{fill:var(--foreground)}.clear-icon{cursor:pointer;width:20px;height:20px;transition:opacity .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-icon:hover{opacity:.7}.clear-icon svg{float:left;width:100%;height:100%}.clear-icon svg path{stroke:var(--foreground)}@media (max-width:480px){.ai-search-bar{padding:2px 32px 2px 8px}.ai-search-input{height:34px;padding:4px 0 4px 8px}.ai-search-icon,.clear-icon{width:18px;height:18px}}