.search-field{gap:var(--sp-4);padding:var(--sp-3);background:var(--cmp-surface-glass-30);-webkit-backdrop-filter:blur(var(--cmp-search-field-blur)) saturate(var(--cmp-search-field-saturate));backdrop-filter:blur(var(--cmp-search-field-blur)) saturate(var(--cmp-search-field-saturate));flex-direction:column}.search-field,.search-field__field{border-radius:var(--radius-2xl);display:flex}.search-field__field{align-items:center;gap:var(--sp-3);height:var(--cmp-search-field-height);padding-inline:var(--sp-4);border:var(--bw-1) solid var(--border-hairline);background:var(--surface-primary);color:var(--fg-text-secondary);cursor:text;transition:border-color var(--dur-fast) var(--ease-standard)}.search-field__field:focus-within{border-color:var(--ink)}.search-field__input{min-width:0;font:inherit;color:var(--ink);-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none;flex:auto}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__clear{width:var(--cmp-search-field-clear-size);color:var(--fg-text-secondary);transition:color var(--dur-fast) var(--ease-standard);flex:none;align-self:stretch;position:relative}.search-field__clear:hover{color:var(--fg-primary)}.search-field__clear:after,.search-field__clear:before{content:"";width:var(--sp-3);height:var(--cmp-search-field-clear-stroke);border-radius:var(--radius-full);background:currentColor;position:absolute;inset-block-start:50%;inset-inline-start:50%}.search-field__clear:before{transform:translate(-50%,-50%)rotate(45deg)}.search-field__clear:after{transform:translate(-50%,-50%)rotate(-45deg)}.search-field__hint{padding-inline:var(--sp-4);font-size:var(--text-sm-size);line-height:var(--text-sm-lh);color:var(--fg-text-secondary)}.search-field__chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.search-field.is-loading{cursor:progress}.search-field__field.is-disabled{opacity:var(--cmp-search-field-inactive-opacity);cursor:not-allowed}.search-field__input:disabled{cursor:inherit}