.w-search{inline-size:100%}.w-search__control{gap:var(--space-2);min-block-size:var(--touch-min);padding-inline:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-3);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.w-search__control:hover:not(.w-search__control--disabled){border-color:var(--ink-3)}.w-search__control:focus-within{border-color:var(--jade);box-shadow:var(--focus-ring)}.w-search__control--disabled{background:var(--mist)}.w-search__icon{flex:none}.w-search__input{min-block-size:var(--touch-min);min-inline-size:0;color:var(--ink);font:inherit;font-size:var(--text-sm);background:0 0;border:0;outline:0;align-self:stretch}.w-search__input::placeholder{color:var(--ink-3);opacity:.72}.w-search__input:disabled{cursor:not-allowed}.w-search__input::-webkit-search-cancel-button{appearance:none}.w-search__clear{inline-size:var(--touch-min);block-size:var(--touch-min);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.w-search__clear:hover{background:var(--surface-sunken);color:var(--ink)}.w-search__clear:focus-visible{box-shadow:var(--focus-ring);outline:none}