.search-bar-wrapper>div{&[data-v-2579caac]{display:flex;align-items:center;border:.015rem solid #DBDBDB;border-radius:.25rem;background:#fafcff;box-shadow:0 2px 3px #00031433 inset;border-width:1px;border-color:var(--color-gray-200);padding:.5rem}input[data-v-2579caac]{width:100%;border:none;background:none;outline:none}}.search-bar-wrapper[data-variant=flat]>div[data-v-2579caac]{border-radius:.5rem;background:#fff;box-shadow:none;font-size:.875rem}ul[data-v-2579caac]{position:absolute;z-index:100;top:2.75rem;overflow:auto;width:var(--v669d694c);max-height:25rem;border-width:1px;box-shadow:var(--shadow-lg);border-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0;background-color:#fff}ul li{&[data-v-2579caac]{align-items:center;gap:.75rem;padding:.5rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&[data-v-2579caac]:hover{background-color:var(--color-gray-100);cursor:pointer}}span[data-v-15d15302]{background-color:var(--color-gray-300);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;margin-top:auto;margin-bottom:auto}span.record[data-v-15d15302]{border-width:1px;border-color:var(--color-blue-600)!important;color:var(--color-blue-600)!important;background-color:var(--color-blue-100)!important}