.search-field{gap:8px;width:100%;display:flex}.search-field-box{flex:1;min-width:0;position:relative}.search-field-icon{top:50%;pointer-events:none;width:20px;height:20px;position:absolute;inset-inline-start:10px;transform:translateY(-50%)}.search-field [data-slot=input]{padding-inline:36px}.search-field input[type=search]::-webkit-search-cancel-button{display:none}.search-field-clear{top:50%;cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .12s;display:flex;position:absolute;inset-inline-end:6px;transform:translateY(-50%)}.search-field-clear:hover{background-color:var(--accent)}.search-field-large [data-slot=input]{height:48px;padding-inline:46px 44px;font-size:16px}.search-field-large .search-field-icon{width:24px;height:24px;inset-inline-start:14px}.search-field-large .search-field-clear{inset-inline-end:10px}.search-field-large>[data-slot=button]{height:48px;padding:0 20px}.search-field-recent{z-index:30;top:calc(100% + 6px);border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-md);text-align:start;padding:6px;animation:.12s ease-out search-field-recent-in;position:absolute;inset-inline:0}@keyframes search-field-recent-in{0%{opacity:0;transform:translateY(-4px)}}.search-field-recent-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:4px 8px 6px;font-size:12px;font-weight:500;display:flex}.search-field-recent-header button{color:var(--muted-foreground);cursor:pointer}.search-field-recent-header button:hover{color:var(--foreground)}.search-field-recent ul{flex-direction:column;display:flex}.search-field-recent li{border-radius:var(--radius-md);align-items:center;display:flex}.search-field-recent li:hover,.search-field-recent li[data-active]{background-color:var(--accent)}.search-field-recent-item{text-align:start;cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;font-size:14px;display:flex}.search-field-recent-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-field-recent-remove{cursor:pointer;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-inline-end:2px;display:flex}.search-field-recent-remove:hover{background-color:color-mix(in srgb, var(--foreground), transparent 88%)}