.detail-person-search{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:13px 16px;background:#fff;border:1px solid #dde5f0;border-radius:15px;box-shadow:0 7px 22px rgba(31,49,78,.07)}
.detail-person-search-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#edf2ff;color:#315bd8;font-size:18px}.detail-person-search-field{position:relative;flex:1}.detail-person-search-field input{width:100%;height:42px;padding:0 42px 0 13px;border:1px solid #ccd8e8;border-radius:11px;background:#f9fbfe;color:#17233d;font:inherit;outline:none}.detail-person-search-field input:focus{border-color:#416be0;box-shadow:0 0 0 3px rgba(65,107,224,.12)}.detail-person-search-clear{position:absolute;right:7px;top:6px;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#70809a;cursor:pointer;font-size:18px}.detail-person-search-result{min-width:105px;text-align:right;color:#6f7f98;font-size:12px}.detail-person-search-result b{color:#1e3e8e;font-size:15px}.detail-person-no-result{margin:0 0 16px;padding:24px;text-align:center;background:#fff;border:1px dashed #ccd8e8;border-radius:14px;color:#75849b}
@media(max-width:650px){.detail-person-search{gap:8px;padding:10px}.detail-person-search-result{display:none}}