[data-search-form]{position:relative;max-height:40px;display:flex;justify-content:space-between;width:100%;border:1px solid rgb(128,131,144);border-radius:8px;background-color:var(--color-white);transition:.12s cubic-bezier(.2,0,.38,.9);box-shadow:#80839020 0 0;padding:2px}[data-search-field]{border:none;background:transparent;color:#2c2c2c;font-size:.875rem;font-weight:400;line-height:1.138rem;padding:1rem 3.5rem 1rem 1rem;width:100%;box-sizing:border-box;border-radius:8px 0 0 8px;outline:none}[data-search-button]{margin-right:1.25rem;border-radius:0 8px 8px 0;border-left:none;display:flex;align-items:center;justify-content:center;color:#2c2c2c;background-color:transparent;cursor:pointer;transition:background-color .1s,color .1s;padding:0;outline:none}[data-search-button] svg{margin-right:2px;margin-top:1px}[data-search-close-button]{background-color:var(--color-white);position:absolute;right:-.75rem;top:-.5rem;border:1px solid var(--color-charcoal);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:16px;height:16px;z-index:10;border-color:var(--color-charcoal);box-shadow:0 0 8px var(--color-charcoal) 30}[data-search-close-button]:active{transform:scale(.95)}[data-search-close-button] svg{width:14px;height:14px}