.search-field{position:relative}
.search-field label input{display:block;margin-top:3px}
.search-field .match-list{position:absolute;top:100%;left:0;margin:0;width:max(270px,100%);max-width:min(360px,90vw);z-index:20}
.search-field .match-list[hidden]{display:none}
.animal-picker{width:min(430px,calc(100vw - 24px));max-height:min(530px,calc(100vh - 24px));padding:0;border:1px solid #7d8894;border-radius:4px;background:#f1f1f1;box-shadow:0 15px 50px #0006;color:#17202a}
.animal-picker::backdrop{background:#10182780}
.picker-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#eaf6f1;border-bottom:1px solid #a6b0b4}
.picker-titlebar button{padding:0 7px;font-size:22px;line-height:1.2}
.animal-picker p{margin:9px 12px;color:#3c5360;font-size:12px}
.picker-search-label{display:block;margin:0 12px;font-size:12px;font-weight:bold}
.picker-search-label input{display:block;width:100%;margin-top:4px}
.picker-count{padding:8px 12px 5px;font-size:12px;color:#4c5967}
.picker-results{height:250px;overflow:auto;margin:0 12px;background:#fff;border:1px solid #a3aab0}
.picker-results button{display:block;width:100%;border:0;border-bottom:1px solid #e0e3e6;border-radius:0;text-align:left;background:#fff;padding:7px 10px}
.picker-results button:hover,.picker-results button:focus-visible{background:#dce9fa}
.picker-empty{padding:18px 10px;text-align:center;color:#58616c}
.picker-footer{display:flex;justify-content:flex-end;padding:9px 12px}