.ds{max-width:560px;margin:0 0 20px}.ds,.ds-box{position:relative}.ds-box{align-items:center;display:flex}.ds-icon{width:18px;height:18px;color:var(--ink-3);pointer-events:none;position:absolute;left:12px}.ds-input{border:1px solid var(--line);background:var(--w);width:100%;min-height:44px;font:400 16px/1.2 var(--sans);color:var(--ink);appearance:none;border-radius:3px;padding:0 44px 0 38px}.ds-input::-webkit-search-cancel-button{display:none}.ds-input:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.ds-kbd{border:1px solid var(--line);font:500 12px/18px var(--mono);color:var(--ink-3);border-radius:3px;padding:1px 7px;position:absolute;right:10px}.ds-clear{width:40px;height:40px;font:400 22px/1 var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;position:absolute;right:2px}.ds-clear:hover{color:var(--ink)}.ds-filter{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.ds-filter button{border:1px solid var(--line);background:var(--w);min-height:32px;font:500 13px/1 var(--sans);color:var(--ink-2);cursor:pointer;border-radius:3px;padding:0 10px}.ds-filter button[aria-pressed=true]{border-color:var(--ink);background:var(--y-t);color:var(--ink)}.ds-panel{z-index:30;border:1px solid var(--line);background:var(--w);max-height:min(70vh,520px);box-shadow:var(--shadow);border-radius:3px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.ds-note{font:400 14.5px/21px var(--sans);color:var(--ink-2);margin:0;padding:14px 16px}.ds-list{margin:0;padding:0;list-style:none}.ds-list:empty{display:none}.ds-list li+li{border-top:1px solid var(--line-2)}.ds-list a{color:var(--ink);gap:2px;padding:10px 16px;text-decoration:none;display:grid}.ds-list li.is-active a{background:var(--y-t);box-shadow:inset 3px 0 0 var(--y)}.ds-title{font:600 15.5px/22px var(--sans)}.ds-meta{font:500 11.5px/16px var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.ds-snip{font:400 14px/20px var(--sans);color:var(--ink-2);overflow-wrap:anywhere}.ds-snip mark{background:var(--y-t);color:var(--ink);font-weight:600}@media (width<=899px){.ds{max-width:none}.ds-input{font-size:16px}}@media print{.ds{display:none!important}}
