.sbox{width:100%;position:relative}.sbox-field{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-btn,12px);box-shadow:0 4px 18px color-mix(in srgb,var(--ink) 6%,transparent);align-items:center;gap:8px;padding:4px 4px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.sbox-field:focus-within{border-color:var(--primary-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-deep) 18%,transparent)}.sbox-ic{color:var(--muted);flex:none}.sbox-field input{min-width:0;font:inherit;color:var(--ink);flex:1;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:10px 4px!important}.sbox-field input::-webkit-search-cancel-button{cursor:pointer}.sbox-go{padding:9px 18px;margin:0!important}.sbox.big .sbox-field input{font-size:1.05em;padding:13px 4px!important}.sbox-list{z-index:60;background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;max-height:calc(min(60vh,420px));margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 50px #0f172a2e}.sbox-list li{cursor:pointer;color:var(--ink);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;display:flex}.sbox-list li.on,.sbox-list li:hover{background:color-mix(in srgb,var(--primary) 22%,var(--card))}.sbox-list .sbox-h{cursor:default;color:var(--muted);padding:6px 12px 2px;font-size:12px;background:0 0!important}.sbox-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sbox-list small{color:var(--muted);background:color-mix(in srgb,var(--ink) 6%,transparent);white-space:nowrap;border-radius:99px;padding:1px 9px;font-size:11.5px}.sbox-list svg{color:var(--muted);flex:none}