sate-lib/lib/components/search-input/search-input.styles_module.css

A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.

.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-12,.75rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-jAJzW6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}