.search-bar{max-width:100%;box-sizing:border-box;display:block}.search-bar,.search-bar__shell{position:relative;width:100%}.search-bar--ai{isolation:isolate;--search-bar-circuit-angle:0deg;--search-bar-base-angle:0deg}.search-bar--ai .search-bar__shell{border-radius:9999px}.search-bar--ai .search-bar__shell:before{background:conic-gradient(from var(--search-bar-base-angle),rgba(34,211,238,.3) 0deg,rgba(99,102,241,.3) 120deg,rgba(217,70,239,.3) 240deg,rgba(34,211,238,.3) 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;opacity:.5;animation:search-bar-ai-base 8s linear infinite;transition:opacity .4s ease}.search-bar--ai .search-bar__shell:after,.search-bar--ai .search-bar__shell:before{content:"";position:absolute;inset:0;border-radius:9999px;padding:1.5px;pointer-events:none}.search-bar--ai .search-bar__shell:after{background:conic-gradient(from var(--search-bar-circuit-angle),transparent 0deg,transparent 60deg,rgba(34,211,238,.1) 120deg,rgba(99,102,241,.5) 200deg,rgba(217,70,239,.9) 280deg,rgba(255,255,255,1) 340deg,rgba(255,255,255,1) 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 8px rgba(99,102,241,.6)) drop-shadow(0 0 16px rgba(217,70,239,.4));animation:search-bar-ai-circuit 4s linear infinite,search-bar-ai-glow 3s ease-in-out infinite;z-index:1;opacity:.85;transition:opacity .4s ease,filter .4s ease}.search-bar--ai .search-bar__input{position:relative;z-index:2}.search-bar--ai .search-bar__clear{z-index:4}.search-bar--ai:focus-within .search-bar__shell:before{opacity:.5;animation-play-state:paused}.search-bar--ai:focus-within .search-bar__shell:after{opacity:.85;filter:drop-shadow(0 0 8px rgba(99,102,241,.6)) drop-shadow(0 0 16px rgba(217,70,239,.4));animation-play-state:paused}@property --search-bar-circuit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --search-bar-base-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes search-bar-ai-circuit{0%{--search-bar-circuit-angle:0deg}18%{--search-bar-circuit-angle:84deg}34%{--search-bar-circuit-angle:118deg}57%{--search-bar-circuit-angle:228deg}73%{--search-bar-circuit-angle:262deg}to{--search-bar-circuit-angle:360deg}}@keyframes search-bar-ai-base{0%{--search-bar-base-angle:0deg}to{--search-bar-base-angle:360deg}}@keyframes search-bar-ai-glow{0%,to{opacity:.7}50%{opacity:1}}.search-bar__input{display:block;width:100%;box-sizing:border-box;color:#f8fafc;line-height:1.2;border-radius:16px;outline:none;transition:all .25s cubic-bezier(.25,.8,.25,1)}.search-bar__input::placeholder{color:#64748b}.search-bar--clearable .search-bar__input{padding-right:3.5rem}.search-bar>.search-bar__clear{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#f8fafc;font-size:1.25rem;line-height:1;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);display:grid;place-items:center;z-index:4;pointer-events:auto}.search-bar>.search-bar__clear:hover{background:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.1)}.search-bar>.search-bar__clear:active{transform:translateY(-50%) scale(.95)}.search-bar--primary{height:56px}.search-bar--primary .search-bar__shell{height:100%}.search-bar--primary .search-bar__input{height:100%;padding:1rem 1.75rem;font-size:1rem;border-radius:9999px;border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.05)}.search-bar--primary .search-bar__input:focus{border-color:rgba(99,102,241,.6);background:rgba(255,255,255,.09);box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 0 3px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.1)}.search-bar--primary.search-bar--ai .search-bar__input,.search-bar--primary.search-bar--ai .search-bar__input:focus{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.07)}.search-bar--primary.search-bar--ai .search-bar__input:focus{box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.05)}.search-bar--secondary .search-bar__input{padding:.85rem 1.25rem;font-size:.95rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);box-shadow:none}.search-bar--secondary .search-bar__input:focus{border-color:rgba(148,163,184,.45);background:rgba(255,255,255,.05);box-shadow:0 0 0 2px rgba(148,163,184,.1)}.search-bar--secondary .search-bar__clear{background:rgba(255,255,255,.04);color:#cbd5e1}.search-bar--secondary .search-bar__clear:hover{background:rgba(255,255,255,.08)}@media (max-width:767px){.search-bar--primary{height:50px}.search-bar--primary .search-bar__input{height:100%;padding:.9rem 1.25rem;font-size:.95rem}.search-bar--clearable .search-bar__input{padding-right:3rem}.search-bar>.search-bar__clear{width:1.8rem;height:1.8rem;font-size:1.1rem;right:1.1rem}}@media (prefers-reduced-motion:reduce){.search-bar--ai .search-bar__shell:after{animation:none}.search-bar--ai .search-bar__shell:after,.search-bar--ai .search-bar__shell:before{transition:none}}