.header-search,.header-search__form{position:relative;display:inline-block;vertical-align:middle}.header-search .field{margin-bottom:0;position:relative;display:inline-block;color:var(--color-foreground);--height: 3rem;padding-left:.8em}.header-search .search__button{position:absolute;left:0;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none}.header-search .search__button .search-icon{width:35px;height:35px;stroke:currentColor}.header-search .search__input{width:300px;background:transparent;border:none;border-bottom:none;background-image:linear-gradient(currentColor,currentColor);background-size:calc(100% - 3rem) 1px;background-position:3.2rem bottom;background-repeat:no-repeat;border-radius:0;padding:0rem 0rem 0rem 3rem;font-size:inherit;color:inherit;transition:background-size .2s ease}.header-search .search__input:focus{outline:none;background-size:calc(100% - 3rem) 2px}.header-search .search__input::placeholder{color:currentColor;opacity:1}.header-search .field__label{display:none}.header-search .reset__button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.25rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s ease}.header-search .reset__button:hover{opacity:1}.header-search .reset__button svg{width:16px;height:16px}.header-search .predictive-search{position:absolute;top:calc(100% + 1rem);left:-1rem;right:auto;width:500px;max-width:90vw;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:0;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:70vh;overflow-y:auto}.header-search .predictive-search__loading-state,.header-search .search-recommendations,.header-search #predictive-search-results{padding:1rem;background-color:var(--color-background)}.header-search__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:2;z-index:999;cursor:pointer;opacity:0;transition:opacity .2}.header-search__overlay[style*="display: block"]{opacity:1}.header-search .predictive-search__result-group{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width:750px){.header-search .predictive-search__result-group{grid-template-columns:1fr 2fr}}.header-search .predictive-search__item{padding:.75rem;display:flex;align-items:center;gap:1rem;border-radius:var(--border-radius, 0);transition:background-color .2s ease}.header-search .predictive-search__item:hover,.header-search .predictive-search__item:focus{background-color:rgba(var(--color-foreground),.05)}.header-search .predictive-search__search-for-button{padding:1rem;border-top:1px solid rgba(var(--color-foreground),.1);margin-top:1rem}.header-search .predictive-search__search-for-button .btn{width:100%;justify-content:center}.header-search .search-recommendations{border-bottom:1px solid rgba(var(--color-foreground),.1)}.header-search .search-recommendation-list{list-style:none;padding:0;margin:.5rem 0 0}.header-search .search-recommendation__list-item{margin:0}.header-search .predictive-search__loading-state{display:flex;align-items:center;justify-content:center;min-height:100px}@media screen and (max-width:749px){.header-search{max-width:100%}.header-search .predictive-search{width:calc(100vw - 2rem);left:50%;transform:translate(-50%);max-height:60vh}}.header-search predictive-search:not([open]) .predictive-search{display:none}.header-search predictive-search[open] .predictive-search{display:block}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-header-search.css.map */