[data-component=search-input]{position:relative;display:inline-block;width:400px;max-width:100%}[data-component=search-input][data-full-width=true]{width:100%}[data-component=search-input][data-variant=default]{position:relative}[data-component=search-input][data-variant=default]:focus-within{box-shadow:var(--input-focus-shadow);border-radius:var(--radius-full)}[data-component=search-input][data-variant=embedded]{padding:var(--padding-xs) var(--spacing-2_5);background:var(--color-surface-tertiary);border-radius:var(--radius-md);transition:all .2s ease}[data-component=search-input][data-variant=embedded]:focus-within{background:var(--color-surface-secondary);box-shadow:var(--elevation-minimal)}[data-component=search-input][data-variant=minimal]{padding:0;background:transparent;border-bottom:1px solid var(--color-border-subtle);border-radius:0}[data-component=search-input][data-variant=minimal]:focus-within{border-bottom-color:var(--color-border-focus)}[data-component=search-input] [data-element=search-icon]{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-content-tertiary);pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}[data-component=search-input] [data-component=input]{width:100%;padding-left:var(--spacing-10);padding-right:var(--spacing-10)}[data-component=search-input]:not([data-has-icon]) [data-component=input]{padding-left:var(--spacing-4)}[data-component=search-input]:not([data-has-clear]) [data-component=input]{padding-right:var(--spacing-4)}[data-component=search-input] [data-element=clear-button]{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);width:var(--spacing-6);height:var(--spacing-6);padding:0;color:var(--color-content-tertiary);background:transparent;border:none;cursor:pointer;border-radius:var(--radius);transition:all .2s ease;z-index:1;display:flex;align-items:center;justify-content:center}[data-component=search-input] [data-element=clear-button]:hover{color:var(--color-content-primary);background:var(--color-surface-hover)}[data-component=search-input] input[type=search]::-webkit-search-cancel-button,[data-component=search-input] input[type=search]::-webkit-search-decoration,[data-component=search-input] input[type=search]::-webkit-search-results-button,[data-component=search-input] input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}