.ui-search{position:relative;display:flex;align-items:center;width:100%}.ui-search__icon{position:absolute;left:var(--sc-spacing-16);width:var(--sc-spacing-20);height:var(--sc-spacing-20);fill:none;color:var(--sc-color-text-secondary);pointer-events:none;stroke:currentcolor;stroke-linecap:round;stroke-width:var(--sc-rule-width-decorative)}.ui-search__input{width:100%;min-height:var(--sc-spacing-48);padding:var(--sc-spacing-12) var(--sc-spacing-48);border:var(--sc-rule-width) solid var(--sc-color-border);border-radius:var(--sc-border-radius-pill);background-color:var(--sc-color-surface);color:var(--sc-color-text);font-family:var(--sc-font-family-base);font-size:var(--sc-font-size-control);line-height:var(--sc-line-height-base);transition-duration:var(--sc-motion-duration-fast);transition-property:border-color,outline-color;transition-timing-function:var(--sc-motion-easing-standard)}.ui-search__input::-moz-placeholder{color:var(--sc-color-text-muted)}.ui-search__input::placeholder{color:var(--sc-color-text-muted)}.ui-search__input::-webkit-search-cancel-button,.ui-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ui-search__input:hover{border-color:var(--sc-color-border-strong)}.ui-search[data-state=focus] .ui-search__input,.ui-search__input:focus-visible,.ui-search__input[data-state=focus]{border-color:var(--sc-color-primary);outline:2px solid var(--sc-color-focus-ring);outline-offset:2px}.ui-search__input:disabled{border-color:var(--sc-color-border);background-color:var(--sc-color-surface);color:var(--sc-color-text-secondary);cursor:not-allowed}.ui-search__clear{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center;width:var(--sc-layout-tap-target);height:var(--sc-layout-tap-target);padding:0;border:0;border-radius:var(--sc-border-radius-pill);background-color:transparent;color:var(--sc-color-text-secondary);cursor:pointer;transition-duration:var(--sc-motion-duration-fast);transition-property:background-color,color;transition-timing-function:var(--sc-motion-easing-standard)}.ui-search__clear:hover{background-color:var(--sc-color-surface-soft);color:var(--sc-color-text)}.ui-search__clear:focus-visible{outline:2px solid var(--sc-color-focus-ring);outline-offset:2px}.ui-search__clear-icon{width:var(--sc-spacing-16);height:var(--sc-spacing-16);fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:var(--sc-rule-width-decorative)}