.search-field{min-width:min(100%, var(--size-280));max-width:var(--size-520);flex:1 1 0;align-items:center;display:flex;position:relative}.search-field .search-field-input{box-sizing:border-box;width:100%;min-width:0;height:var(--control-h);min-height:var(--control-h);padding:0 var(--s10) 0 var(--size-36);border:var(--size-1) solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font:inherit;appearance:none;margin:0}.search-field .search-field-input::placeholder{color:var(--c-text-3)}.search-field .search-field-input::-webkit-search-cancel-button{appearance:none}.search-field .search-field-input::-webkit-search-decoration{appearance:none}.search-field-icon{left:var(--s3);width:var(--size-16);height:var(--size-16);fill:none;stroke:var(--c-text-3);stroke-width:var(--size-1-5);stroke-linecap:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field.is-busy .search-field-input{padding-right:var(--size-88)}.search-field-busy{right:var(--s3);color:var(--c-text-2);font-size:var(--fs-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field-kbd{right:var(--s3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field-clear{right:var(--s1);width:var(--control-h-sm);height:var(--control-h-sm);min-height:var(--control-h-sm);border-radius:var(--r-sm);color:var(--c-text-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.search-field-clear:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.search-field-clear:disabled{cursor:not-allowed;opacity:.5}.search-field-clear svg{width:var(--size-16);height:var(--size-16);fill:none;stroke:currentColor;stroke-width:var(--size-1-5);stroke-linecap:round}@media (forced-colors:active){.search-field-icon{stroke:canvastext}}