.homepage-search{position:relative;z-index:21;padding-block:12px 16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.homepage-search .search__form{width:100%;max-width:800px;height:auto;margin-inline:auto;gap:0}.homepage-search .search__field{width:100%}.homepage-search .input{width:100%;min-height:48px;padding-inline:16px 110px;border:1px solid currentColor;font-size:16px}.homepage-search__submit{position:absolute;inset-inline-end:4px;inset-block-start:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.homepage-search .clear{inset-inline-end:52px}.homepage-search .search__form .search__box{display:none;position:absolute;inset-block-start:100%;inset-inline-start:0;width:100%;max-height:min(65vh,600px);overflow:auto;padding:20px;margin-block-start:8px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid currentColor;border-radius:var(--inputs-radius);box-shadow:0 8px 24px #0002}.homepage-search .search__form:focus-within[results] .search__results{display:flex}.homepage-search .search__form:focus-within:not([results]) .search__recommendation{display:grid}.homepage-search .drawer__sticky{position:static}@media(max-width:767px){.homepage-search{padding-inline:16px}.homepage-search .input{padding-inline-start:12px;padding-inline-end:88px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/homepage-search.css.map */