.header-search{display:none}@media screen and (min-width:1150px){.header__wrapper:has(>header-search:defined) .header__search-item{display:none}.header-search:defined{display:block;position:relative;grid-area:search;width:100%;min-width:0;text-align:start;color:rgb(var(--header-text))}.header-search__field{display:flex;align-items:center;min-height:44px;padding-inline:14px 6px;border:1px solid var(--header-search-border-color, rgb(var(--header-text) / .22));border-radius:24px;background:rgb(var(--header-background))}.header-search__field:focus-within{outline:2px solid var(--header-search-border-color, rgb(var(--header-text) / .65));outline-offset:2px}.header-search__field input{width:100%;min-width:0;padding-block:10px;background:transparent;border:0;outline:none;font:inherit;font-size:13px;line-height:1.5}.header-search__field input::placeholder{color:var(--header-search-placeholder-color, rgb(var(--header-text) / .65));opacity:1}.header-search__field input::-webkit-search-cancel-button{display:none}.header-search__field button{color:var(--header-search-icon-color, rgb(var(--header-text)));display:grid;place-items:center;flex-shrink:0;width:32px;height:36px}.header-search [hidden]{display:none}.header-search__panel{--text-color: var(--header-text);position:absolute;z-index:5;inset-block-start:calc(100% + 12px);inset-inline-end:0;width:max(100%,400px);max-width:calc(100vw - 48px);max-height:min(600px,65vh);max-height:min(600px,65dvh);overflow-y:auto;overscroll-behavior:contain;padding:20px;border:1px solid rgb(var(--header-text) / .12);border-radius:16px;background:rgb(var(--header-background));box-shadow:0 12px 35px #0000001f}.header-search__group+.header-search__group{margin-block-start:24px}.header-search__group h2{margin-block-end:12px}.header-search .predictive-search-result{gap:14px;font-size:14px;overflow-wrap:anywhere}.header-search .predictive-search-result>img{width:64px}.header-search__view-all{display:block;width:100%;margin-block-start:16px;padding-block:14px 0;border-block-start:1px solid rgb(var(--header-text) / .15);text-align:center;font-size:14px}.header-search__loading{display:grid;gap:16px;padding-block:8px}.header-search__panel :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/header-search.css.map */
