.header-search{position:fixed;top:var(--header-height);width:100%;max-width:99.2rem;display:none;left:0;bottom:0;z-index:101;padding:4rem 1.2rem;background-color:var(--sh-white);background-image:url(wave-bg.svg);background-repeat:no-repeat;background-position:bottom left;background-size:auto 50%}@media(min-width:640px){.header-search{background:none;padding:0;position:absolute;bottom:auto;left:1rem;top:50%;width:51vw;transform:translateY(-2.6rem)}}@media(min-width:768px){.header-search{left:auto;width:61vw;right:16.5rem}}@media(min-width:1024px){.header-search{width:60vw;transform:translateY(-3.5rem)}}@media(min-width:1200px){.header-search{width:53vw}}@media(min-width:1300px){.header-search{width:55vw}}@media(min-width:1450px){.header-search{width:61vw}}.header-search--active{display:block}.header-search__container{border:1px solid rgba(0,0,0,.25);border-radius:2.4rem}.header-search input{width:100%;outline:none;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--sh-black);background:var(--sh-white);border-radius:2.4rem;border:none;padding:2.25rem 2.4rem}@media(min-width:640px){.header-search input{padding:1.3rem 2.4rem}}@media(min-width:1024px){.header-search input{padding:2.25rem 2.4rem}}.header-search input::-webkit-search-cancel-button{display:none}.header-search input::placeholder{color:var(--sh-gray-4)}.header-search input:focus{outline:none;box-shadow:none}.header-search__button{position:absolute;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;padding:.4rem;background:transparent;border:none;cursor:pointer;top:5.5rem;right:2rem}@media(min-width:640px){.header-search__button{top:.5rem;right:1.2rem}}@media(min-width:1024px){.header-search__button{top:1.5rem}}.header-search__button svg{width:1.6rem}.header-search__button:hover{background:var(--sh-gray-1);border-radius:50%}.header-search__clear-button{display:none}@media(min-width:640px){.header-search__clear-button{display:flex}}.header-search .header-search__submit-button{display:flex}@media(min-width:640px){.header-search .header-search__submit-button{display:none}}.header-search__devider{height:1px;background:#0000001a;width:calc(100% - 4.8rem);margin:0 auto;display:block}.header-search__content{background:var(--sh-white);display:flex;flex-direction:column;gap:1.6rem;overflow-y:auto;max-height:34rem;width:100%;list-style:none;margin:0;border-radius:0 0 2.4rem 2.4rem;padding:1.2rem}@media(min-width:1024px){.header-search__content{padding:2.6rem 2.4rem 1.2rem}}.header-search__content a{display:flex;gap:.8rem;padding-left:0}.header-search__content a img{width:5.6rem;height:5.6rem;object-fit:cover}.header-search__content a .predictive-search__item-heading{font-family:var(--font-poppins);color:var(--sh-brown-primary);font-size:1.6rem;line-height:1.5;font-weight:500}.header-search__content a:hover{background:var(--sh-gray-1);text-decoration:none}.header-search__content a:hover .predictive-search__item-heading{color:var(--sh-black);text-decoration:none}.header-search--empty .header-search__content,.header-search--empty .header-search__devider{display:none}header.header--search-active .header-search-open-button{background-color:var(--sh-orange-primary);color:var(--sh-white)}header.header--search-active .header-search-open-button svg{fill:var(--sh-white)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/header-search.css.map */