@layer components{.es-search{min-width:0;font-family:var(--es-font-ui);align-items:center;display:flex;position:relative}.es-search-ic{color:var(--es-muted);pointer-events:none;position:absolute;left:11px}.es-search-in{border-radius:var(--es-r-md);background:var(--es-raise);width:100%;min-width:0;height:40px;color:var(--es-text);font:inherit;font-size:var(--es-t-body);appearance:none;border:1px solid #0000;margin:0;padding:8px 38px 8px 34px;font-weight:500}:where(.es-on-raise,.es-ov) .es-search-in{background:var(--es-bg)}.es-search-in::placeholder{color:oklch(66% .02 80)}.es-search-in::-webkit-search-cancel-button{appearance:none}.es-search-in::-webkit-search-decoration{appearance:none}.es-search-in:focus{border-color:var(--es-line-strong);outline:none}.es-search-in:focus-visible{outline:2px solid var(--es-gold);outline-offset:2px}.es-search-x{border-radius:var(--es-r-sm);width:32px;height:32px;color:var(--es-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;right:4px}.es-search-x:active{background:var(--es-raise-hi)}.es-search-x:focus:not(:focus-visible){outline:none}@media (hover:hover){.es-search-x:hover:where(:not(.es-settle)){color:var(--es-text)}}.es-search-ph{display:block}@media (pointer:coarse){.es-ctx-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}}@media (pointer:coarse){@layer components{.es-search-in{height:var(--es-touch);padding-right:46px;font-size:16px}.es-search-x{width:var(--es-touch);height:var(--es-touch);right:0}}}@media (width<=720px){@layer components{.es-search.es-search-pinned{z-index:var(--es-z-sticky);top:var(--es-vvt,0px);max-width:none;padding:8px var(--es-gutter);background:var(--es-bg);box-shadow:0 1px 0 var(--es-line), 0 10px 16px -10px oklch(0% 0 0/.7);margin:0;position:fixed;left:0;right:0}.es-search.es-search-pinned .es-search-ic{left:calc(var(--es-gutter) + 11px)}.es-search.es-search-pinned .es-search-x{right:calc(var(--es-gutter) + 0px)}}}