.search-panel{border:1px solid var(--clr-line);border-radius:var(--hp-radius-card,16px);background:var(--clr-white);box-shadow:0 4px 16px rgb(var(--clr-ink-rgb) / 6%);margin-top:1.25rem;padding:1.25rem 1.5rem;display:block}.search-panel:not(:last-child){margin-bottom:1.5rem}.search-panel__label{color:var(--clr-ink);margin-bottom:.625rem;font-weight:700;display:block}.search-panel__row{align-items:center;gap:1rem;display:flex}.search-panel__field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.search-panel__icon{fill:none;width:20px;height:20px;stroke:var(--clr-action);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;left:14px}.search-panel__field input{border:1px solid var(--clr-line);background:var(--clr-surface);width:100%;min-height:48px;color:var(--clr-ink);font-size:var(--fs-17);appearance:none;border-radius:10px;padding:.75rem 5.5rem .75rem 2.75rem}.search-panel__field input::placeholder{color:var(--clr-muted);opacity:.75}.search-panel__field input:placeholder-shown{text-overflow:ellipsis;padding-left:2.75rem;padding-right:.875rem}.search-panel__field input::-webkit-search-cancel-button{appearance:none;display:none}.search-panel__field input:focus{border-color:var(--clr-action);background:var(--clr-white)}.search-panel__field input:focus-visible{outline:3px solid var(--clr-ink);outline-offset:3px}.search-panel__clear{border:1px solid var(--clr-line);background:var(--clr-white);min-height:36px;color:var(--clr-action);font-family:inherit;font-size:var(--fs-14);cursor:pointer;border-radius:8px;margin:0;padding:.375rem .75rem;font-weight:600;position:absolute;right:6px}.search-panel__clear[hidden]{display:none}.search-panel__count{background:var(--clr-mint-150);color:var(--clr-ink);font-size:var(--fs-14);white-space:nowrap;border-radius:999px;flex:none;margin:0;padding:.375rem .875rem;font-weight:600}.search-panel>:not(label,.search-panel__row){margin-top:1rem}@media (max-width:47.9375em){.search-panel{padding:1rem}.search-panel__row{flex-wrap:wrap;gap:.625rem}.search-panel__field{flex-basis:100%}.search-panel__count{background:0 0;padding:0;font-weight:500}}
