.sb-container{justify-content:center;margin:24px 0;padding:0 16px;font-family:Poppins,sans-serif;display:flex}.sb-wrap{background:#fff;border:1.5px solid #e2e8ec;border-radius:14px;align-items:center;gap:10px;width:100%;max-width:660px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000012}.sb-wrap:focus-within{border-color:#126568;box-shadow:0 4px 24px #1265681f}.sb-search-icon{color:#9ca3af;flex-shrink:0;width:18px;height:18px;transition:color .2s}.sb-wrap:focus-within .sb-search-icon{color:#126568}.sb-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Poppins,sans-serif;font-size:.92rem}.sb-input::placeholder{color:#b0bec5}.sb-clear{cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:background .2s;display:flex}.sb-clear:hover{background:#e2e8f0}.sb-clear svg{color:#6b7280;width:13px;height:13px}.sb-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:22px}.sb-toggle{flex-shrink:0;align-items:center;gap:4px;display:flex}.sb-toggle-btn{cursor:pointer;color:#9ca3af;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,border-color .2s,color .2s;display:flex}.sb-toggle-btn svg{width:16px;height:16px}.sb-toggle-btn:hover{color:#126568;background:#f1f5f9}.sb-toggle-btn.active{color:#0d3b3e;background:#e4f4ef;border-color:#0d3b3e}@media (max-width:480px){.sb-container{margin:4px 0;padding:0 8px}.sb-input{font-size:.85rem}.sb-wrap{gap:6px;padding:6px 10px}}