.c4-search{position:relative;width:100%;max-width:var(--c4-search-w);margin-inline:auto}.c4-search__input{appearance:none;width:100%;height:var(--c4-search-h);padding-block:var(--c4-search-pad-y);padding-inline:calc(var(--c4-search-pad-x) + var(--c4-search-icon) + var(--c4-search-icon-gap));border:var(--c4-search-border-w) solid var(--c4-color-grey900);border-radius:var(--c4-radius-pill);background:var(--c4-color-white);color:var(--c4-color-text);font-size:var(--c4-type-body2-size);font-weight:var(--c4-type-weight-regular);line-height:var(--c4-type-body-lh)}.c4-search__input::placeholder{color:var(--c4-color-text-faint)}.c4-search__input:focus-visible{outline:none;border-color:var(--c4-color-focus)}.c4-search__input::-webkit-search-cancel-button,.c4-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.c4-search__icon{position:absolute;left:var(--c4-search-pad-x);top:50%;transform:translateY(-50%);display:flex;width:var(--c4-search-icon);height:var(--c4-search-icon);color:var(--c4-color-text);pointer-events:none}.c4-search__icon .c4-icon{width:100%;height:100%}.c4-search__clear{position:absolute;right:var(--c4-search-pad-x);top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:var(--c4-search-icon);height:var(--c4-search-icon);color:var(--c4-color-text)}.c4-search__clear .c4-icon{width:100%;height:100%}.c4-search__input:not(:placeholder-shown)~.c4-search__clear{display:flex}